Fix content placing issue with mostly empty pages

nghtctrl · nghtctrl · commit 62daa741221f · 2026-02-20T10:46:31.000-06:00
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -58,12 +58,14 @@ const isAbout = pageTitle === 'About';
       )
     }
   </head>
-  <body class='flex min-h-screen flex-col pt-16 bg-white dark:bg-dark-bg'>
+  <body class='min-h-screen flex flex-col pt-16 bg-white dark:bg-dark-bg'>
     <Header pageTitle={pageTitle} />
-    <main class='md:mx-auto mx-4 my-12 max-w-3xl grow'>
-      <Prose>
-        <slot />
-      </Prose>
+    <main class='flex-1 my-12'>
+      <div class='max-w-3xl mx-auto px-4 md:px-0'>
+        <Prose>
+          <slot />
+        </Prose>
+      </div>
     </main>
     <Footer />
   </body>
