Add 404 page

sergeicodes · Dec 4, 2021 · 3b8830e · 3b8830e
1 parent 5d6b06e
commit 3b8830e
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 0 deletions.
diff --git a/404.html b/404.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Page Not Found</title>
+    <link rel="stylesheet" href="/css/styles.css" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <style>
+      body,
+      html {
+        height: 100%;
+      }
+
+      body {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      h1 {
+        margin: 0;
+        font-size: 1.9rem;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="content">
+      <h1>Page Not Found</h1>
+      Return to <a href="/">Home Page</a>.
+    </div>
+  </body>
+</html>
diff --git a/css/styles.css b/css/styles.css
@@ -8,13 +8,18 @@
   --color-link: #29b8db;
 }
 
+* {
+  box-sizing: border-box;
+}
+
 body {
   font-family: "Poppins", sans-serif;
   font-weight: 300;
   line-height: 1.6;
   background-color: var(--color-background);
   color: var(--color-text);
   text-align: center;
+  margin: 0;
 
   counter-reset: myth;
 }