From 521881e8480ba129a704ac0cd0552a996d2c9b38 Mon Sep 17 00:00:00 2001
From: hossainemruz <emruz@appscode.com>
Date: Sat, 18 Apr 2020 18:06:07 +0600
Subject: [PATCH] fix 404 css

---
 layouts/404.html          | 12 +++++++-----
 static/assets/css/404.css | 10 +++++++---
 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 {