From 30abec3f160e58ec1ffde4d8b10d63327743f6ef Mon Sep 17 00:00:00 2001
From: Aarni Halinen <aarni.halinen@gmail.com>
Date: Mon, 19 Apr 2021 21:01:28 +0300
Subject: [PATCH] add navbar on 404 page

---
 src/pages/404.tsx | 22 ++++++++++++++--------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/src/pages/404.tsx b/src/pages/404.tsx
index c58c5ed..1638247 100644
--- a/src/pages/404.tsx
+++ b/src/pages/404.tsx
@@ -2,15 +2,18 @@ import React from "react";
 import { NextPage } from "next";
 import Head from "next/head";
 import styled from "styled-components";
+import Header from "@components/Header";
 
 const NotFound = styled.main`
-  text-align: center;
-  font-size: 4rem;
-  font-weight: 200;
-  position: absolute;
-  height: 10rem;
-  top: calc(50vh - 5rem);
-  width: 100%;
+  flex: 1 0 auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  p {
+    text-align: center;
+    font-size: 4rem;
+    font-weight: 200;
+  }
 `;
 
 const NotFoundPage: NextPage = () => (
@@ -19,8 +22,11 @@ const NotFoundPage: NextPage = () => (
       <title>404 | Ei vaan löydy</title>
       <meta name="robots" content="noindex" />
     </Head>
+    <Header />
     <NotFound id="not-found">
-      <strong>404</strong> | Ei vaan löydy
+      <p>
+        <strong>404</strong> | Ei&nbsp;vaan&nbsp;löydy
+      </p>
     </NotFound>
   </>
 );