From 35e08f9f42bdec95f68b6f554beda6ea1629818c Mon Sep 17 00:00:00 2001
From: Dhanush Adithya <s.dhanushadithya@gmail.com>
Date: Sun, 5 Jul 2020 16:21:14 +0000
Subject: [PATCH] Changed the display absolute to flex for both 404 and 500
 page

---
 public/404.html | 17 ++++++-----------
 public/500.html | 15 +++++----------
 2 files changed, 11 insertions(+), 21 deletions(-)

diff --git a/public/404.html b/public/404.html
index 1a306f02..d9edc9cb 100644
--- a/public/404.html
+++ b/public/404.html
@@ -16,19 +16,14 @@
 
     body {
       margin: 0;
+      height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: white;
       font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
       color: #555;
       text-align: center;
-      background: white;
-    }
-
-    div {
-      position: absolute;
-      top: 50%;
-      left: 0;
-      right: 0;
-      margin-top: -5em;
-      padding: 0 1em;
     }
 
     h1 {
@@ -41,7 +36,7 @@
     }
 
     p {
-      margin: 1.5em 0 0;
+      margin: 1.5em 0;
       line-height: 1.8;
       font-weight: 300;
     }
diff --git a/public/500.html b/public/500.html
index d65df101..89b0c561 100644
--- a/public/500.html
+++ b/public/500.html
@@ -16,21 +16,16 @@
 
     body {
       margin: 0;
+      height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
       font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
       color: #555;
       text-align: center;
       background: white;
     }
 
-    div {
-      position: absolute;
-      top: 50%;
-      left: 0;
-      right: 0;
-      margin-top: -6em;
-      padding: 0 1em;
-    }
-
     h1 {
       margin: 0;
       line-height: 1;
@@ -41,7 +36,7 @@
     }
 
     p {
-      margin: 1.5em 0 0;
+      margin: 1.5em 0;
       line-height: 1.8;
       font-weight: 300;
     }