From ca1c9e12339422c3c3c77f3fa3eaeb86b1b44f40 Mon Sep 17 00:00:00 2001
From: Oskar <o.winkels@fasttube.de>
Date: Wed, 15 Jan 2020 18:28:08 +0100
Subject: [PATCH] Footer positioning

---
 src/style.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/style.css b/src/style.css
index 7977139..b2d1cf8 100644
--- a/src/style.css
+++ b/src/style.css
@@ -3,8 +3,13 @@
 }
 
 html, body {
+	position: absolute;
 	font-family: sans-serif;
 	font-size: 20px;
+	width: 100vw;
+	min-height: 100vh;
+	margin: 0;
+	padding: 0;
 }
 
 header, footer {
@@ -13,7 +18,12 @@ header, footer {
 }
 
 footer {
-	color: #888;
+	position: absolute;
+	bottom: 0;
+	width: 100vw;
+	height: 64px;
+	padding: 16px 0;
+	color: #999;
 }
 
 main {
@@ -22,6 +32,7 @@ main {
 	width: 100%;
 	max-width: 700px;
 	margin: 42px auto;
+	padding-bottom: 46px; /* Footer height */
 	text-align: center;
 }