Responsive styling changes

This commit is contained in:
Jorge Vargas 2025-02-21 13:27:08 -06:00
parent c8db1c57b4
commit 3e19a693ca
6 changed files with 7 additions and 6 deletions

View file

@ -47,8 +47,8 @@ const { currentLocale } = Astro
</style>
<BaseLayout>
<div class='flex flex-col flex-1 max-w-[2000px] px-10 py-3'>
<div class='flex gap-x-3'>
<div class='flex flex-col flex-1 max-w-[2000px] px-4 md:px-10 py-3'>
<div class='flex flex-col md:flex-row gap-x-3'>
<div class='flex-1'>
<div class='size-full relative cursor-pointer'>
<Image

View file

@ -19,7 +19,7 @@ const lastAlbums = await prismaClient.albums.findMany({
---
<BaseLayout>
<div class='flex flex-1 max-w-[2000px]'>
<div class='flex flex-col md:flex-row flex-1 max-w-[2000px]'>
<div class='flex-1 px-2'>
<h1 class='uppercase font-medium tracking-wide text-5xl drop-shadow-2xl mt-5 mb-2 text-center'>
{m.recentReleases()}