From e4da6b17950c66edc6863980129c5a1cb6f5f7e0 Mon Sep 17 00:00:00 2001
From: Caesar Schinas <caesar@caesarschinas.com>
Date: Sat, 9 Apr 2022 17:59:28 +0100
Subject: [PATCH] feat: better vertical alignment with CSS grid

---
 style.css | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/style.css b/style.css
index 05ec6d1..d2e9390 100644
--- a/style.css
+++ b/style.css
@@ -3,13 +3,12 @@ html {
 	color: #444;
 	font-family: "Gentium Basic", serif;
 	font-size: 16px;
-	min-height: 80%;
-	display: flex;
-	flex-flow: column;
-	align-items: center;
-	justify-content: center;
+	min-height: 100vh;
+	display: grid;
+	grid-template-rows: 1fr auto 3fr;
 }
 body {
+	grid-row: 2;
 	max-width: 30em;
 	margin: auto;
 	padding: 2em;