From 712136466508bf2b189ca7933b31dd28b1cdd795 Mon Sep 17 00:00:00 2001 From: John Kilpatrick Date: Fri, 24 Nov 2023 21:13:31 +0000 Subject: [PATCH] style: Fix footer pushing total min-height to over 100vh --- src/pages/index.astro | 8 +++----- src/styles/global.scss | 3 +++ 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/pages/index.astro b/src/pages/index.astro index 8b823bb..e00c67e 100644 --- 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 index 854a360..63865d7 100644 --- 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