From 99dcbf383d66dbc19e21279e0552c99b0f7fafed Mon Sep 17 00:00:00 2001
From: afterlifepro <vielle.dev@proton.me>
Date: Thu, 31 Jul 2025 22:51:32 +0100
Subject: [PATCH] Make sure header and main is properly positioned

---
 src/pages/index.astro | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/pages/index.astro b/src/pages/index.astro
index 07f0ad4..9f83ad9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -19,9 +19,18 @@ import NowPlaying from "/components/home/playing/NowPlaying.astro";
 
   <style>
     :global(body) {
-      display: flex;
-      flex-direction: column;
+      display: grid;
+      grid-template: "header" auto "main" 1fr / 1fr;
       width: 100%;
+
+      > :global(header) {
+        grid-area: header;
+        margin: 0 !important;
+      }
+
+      > main {
+        grid-area: main;
+      }
     }
 
     main {
@@ -29,7 +38,7 @@ import NowPlaying from "/components/home/playing/NowPlaying.astro";
       grid-template:
         ". landing feeds blog ." min-content
         ". playing feeds blog ." 1fr
-        / auto minmax(30ch, 50ch) minmax(30ch, 50ch) minmax(30ch, 50ch) auto;
+        / auto minmax(25ch, 50ch) minmax(25ch, 50ch) minmax(25ch, 50ch) auto;
       max-width: 100%;
       flex: 2;
 
-- 
2.51.2