HEADER Variation

This commit is contained in:
Robert Jagtiani
2024-11-29 20:03:56 +01:00
parent d716bb597f
commit d4cb68e449
14 changed files with 337 additions and 35 deletions

View File

@@ -13,7 +13,6 @@ export interface Props {
const { title } = Astro.props;
---
<!DOCTYPE html>
@@ -38,8 +37,8 @@ const { title } = Astro.props;
<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
sm:grid-cols-[minmax(1fr,1fr)] sm:gap-1 sm:px-0
md:grid-cols-[minmax(1fr,1fr)] md:gap-2 md:px-0
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
@@ -47,7 +46,7 @@ const { title } = Astro.props;
<SidebarLeft />
<article class="box grow">
<article class="box grow rounded-tl-none">
<slot />
</article>