fix 404 css

2 files changed, 14 insertions, 8 deletions

diff --git a/layouts/404.html b/layouts/404.html
index 0f8f0ce..45b51d2 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -7,11 +7,13 @@
 {{ end }}
 
 {{ define "content" }}
-<div class="notFound">
-    <img src="/assets/images/404.png" alt="">
-    <div class="message">
-        <h1>404</h1>
-        <h4>The page you are looking for is not there yet.</h4>
+<div class="container">
+    <div class="notFound">
+        <img src="/assets/images/404.png" alt="">
+        <div class="message">
+            <h1>404</h1>
+            <h4>The page you are looking for is not there yet.</h4>
+        </div>
     </div>
 </div>
 {{ end }}
diff --git a/static/assets/css/404.css b/static/assets/css/404.css
index 591341b..71a6caf 100644
--- a/static/assets/css/404.css
+++ b/static/assets/css/404.css
@@ -49,9 +49,13 @@
 /* Medium devices (tablets, 768px and up) */
 
 @media only screen and (max-width: 768px) {
+  .notFound img {
+    height: 400px;
+  }
+
   .notFound .message {
-    top: 50%;
-    left: 10%;
+    top: 23%;
+    left: 25%;
   }
 }
 
@@ -59,7 +63,7 @@
 
 @media only screen and (max-width: 576px) {
   .notFound img {
-    height: 500px;
+    height: 250px;
   }
 
   .notFound .message {