Skip to content

Commit d9aee18

Browse files
authored
Fix: 404 page layout (#1126)
1 parent 2394c74 commit d9aee18

File tree

2 files changed

+14
-2
lines changed

2 files changed

+14
-2
lines changed

src/pages/404.module.css

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
.container {
2+
padding: 2rem;
3+
}
4+
5+
.root {
6+
text-align: center;
7+
}

src/pages/404.tsx

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,16 @@
11
import Layout from "../components/layout"
22
import Seo from "../components/seo"
3+
import styles from "./404.module.css"
34

45
const NotFoundPage = () => (
56
<Layout>
67
<Seo title="404: Not found" />
7-
<h1>NOT FOUND</h1>
8-
<p>You just found a route that doesn&#39;t exist... the sadness.</p>
8+
<div className={styles.container}>
9+
<main className={styles.root}>
10+
<h1>NOT FOUND</h1>
11+
<p>You just found a route that doesn&#39;t exist... the sadness.</p>
12+
</main>
13+
</div>
914
</Layout>
1015
)
1116

0 commit comments

Comments
 (0)