style: Fix footer pushing total min-height to over 100vh

rjkilpatrick · Nov 24, 2023 · 7121364 · 7121364
1 parent f3c4d9e
commit 7121364
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,6 +1,4 @@
 ---
-import Header from "../components/Header.astro";
-
 import PageLayout from "../layouts/PageLayout.astro";
 ---
 
@@ -60,14 +58,14 @@ import PageLayout from "../layouts/PageLayout.astro";
 
   .main {
     font-family: "Inter", sans-serif;
-    min-height: 100vh;
+    // min-height: 100vh;
     display: flex;
     flex-direction: column;
     align-items: center;
     flex: 0;
     padding: 0;
-    display: flex;
-    flex-direction: column;
+    // display: flex;
+    // flex-direction: column;
     justify-content: center;
     width: 100%;
     flex-grow: 1;

diff --git a/src/styles/global.scss b/src/styles/global.scss
@@ -41,6 +41,9 @@ body {
   padding: 0 1.5rem;
   width: 100%;
   flex-grow: 1;
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
 }
 
 // Taken from https://webaim.org/techniques/css/invisiblecontent