From cf32a5ef17fa125f408b19492c25505518c845d9 Mon Sep 17 00:00:00 2001
From: Thijs Stobbelaar <thijs.stobbelaar@rws.nl>
Date: Wed, 4 Oct 2023 09:04:16 +0200
Subject: [PATCH] viewport hight

---
 includes/styles.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/includes/styles.css b/includes/styles.css
index e359d94..69f4e82 100644
--- a/includes/styles.css
+++ b/includes/styles.css
@@ -12,6 +12,9 @@ body {
     font-family: 'Roboto', sans-serif;
     background: linear-gradient(to right, #0f2027, #203a43, #2c5364);
     color: white;
+    min-height: 100vh; /* 100% of the viewport's height */
+    display: flex;
+    flex-direction: column;
 }
 
 
@@ -51,7 +54,7 @@ nav a:active {
 }
 
 header, main, footer {
-    max-width: 1200px;
+    max-width: 800px;
     margin: 20px auto;
     padding: 20px;
     border: 1px solid white;