Fixed 404 page

docs/404.html

@@ -6,7 +6,7 @@ layout: 404
 <style type="text/css" media="screen">
   .container {
     margin: 10px auto;
-    max-width: 600px;
+    width: 100%;
     text-align: center;
   }
   h1 {
@@ -15,6 +15,9 @@ layout: 404
     line-height: 1;
     letter-spacing: -1px;
   }
+  img {
+    max-width: 300px;
+  }
 </style>
 
 <section class="bg-dark text-white">
@@ -23,5 +26,9 @@ layout: 404
 
       <p><strong>Page not found :(</strong></p>
       <p>The requested page could not be found.</p>
+      <a href="guides"><svg class="bi bi-arrow-left-circle-fill" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+        <path fill-rule="evenodd" d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-7.646 2.646a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L6.207 7.5H11a.5.5 0 0 1 0 1H6.207l2.147 2.146z"/>
+      </svg> Back to Docs
+      </a>
   </div>
 </section>

docs/_layouts/404.html

@@ -21,7 +21,7 @@
       <span class="screen-reader-text">Back to top</span>
     </a>
     
-    <div class="container">
+    <div class="container-fluid">
           <nav class="content">
             {{ content }}
           </nav>