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>
 		</>
 	);
 }