shift footer to the bottom of the page

2022-12-11 16:28:14 +01:00
parent 9c41eaf4eb
commit 2e5bd424b0
2 changed files with 16 additions and 8 deletions
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -8,9 +8,22 @@ export default function App({ Component, pageProps }: AppProps) {
 	return (
 		<>
 			<SEO />
-			<Navigation />
-			<Component {...pageProps} />
-			<Footer />
+			<div
+				style={{
+					display: "flex",
+					flexDirection: "column",
+					justifyContent: "space-between",
+					minHeight: "100vh",
+				}}
+			>
+				<div>
+					<Navigation />
+					<Component {...pageProps} />
+				</div>
+				<div>
+					<Footer />
+				</div>
+			</div>
 		</>
 	);
 }
--- a/styles/globals.scss
+++ b/styles/globals.scss
@@ -26,11 +26,6 @@ body {
 	color: var(--color);
 	min-height: 100vh;
 	font-family: var(--fonts-norm);
-	display: flex;
-	flex-direction: column;
-	.footer {
-		justify-self: end;
-	}
 }
 h1,
 h2,