struktur, responsive

This commit is contained in:
Robert Jagtiani
2024-11-25 19:16:20 +01:00
parent a955d25727
commit 07ba49fb7e
20 changed files with 144 additions and 119 deletions

View File

@@ -34,17 +34,15 @@ const { title } = Astro.props;
<body>
<container class="w-full max-w-[1920px]">
<Header />
<main
class="w-full p-0
lg:grid grid-cols-[max-content,6fr] lg:gap-3 lg:p-3
xl:grid-cols-[2fr,6fr,2fr] xl:py-4 xl:px-3
2xl:grid-cols-[2fr,6fr,2fr] 2xl:gap-5 2xl:py-4 2xl:px-9
<main
class="w-full p-0 grid
sm:grid-cols-[minmax(1fr,1fr)] sm:gap-1 sm:p-1
md:grid-cols-[minmax(1fr,1fr)] md:gap-2 md:p-2
lg:grid-cols-[minmax(250px,250px)1fr] lg:gap-3 lg:p-3
xl:grid-cols-[minmax(350px,350px)1fr] xl:gap-4 xl:p-4
2xl:grid-cols-[minmax(350px,350px)1fr_minmax(350px,350px)] 2xl:gap-5 2xl:p-5
">
<SidebarLeft />