Fix 404

netlify.toml

@@ -1,5 +1,5 @@
 [build]
-  command = "zola build"
+  command = "zola build --drafts"
   publish = "public/"
 
 [dev]

sass/style/parts/_header.scss

@@ -2,20 +2,25 @@ h1.page-header {
   font-size: 2.75em;
   line-height: 100%;
   font-family: var(--header-font);
-  margin: 4rem 0px 1rem 0px;
+  margin-top: 4rem;
+  margin-bottom: 1rem;
 
   max-width: 720px;
 }
 
 .centered-header {
   font-family: var(--header-font);
-
-  position: absolute;
-  top: 40%;
-  left: 50%;
-  transform: translate(-50%, -50%);
   text-align: center;
   font-size: 4em;
+  line-height: 4rem;
+  padding-top: 5rem;
+  padding-bottom: 5rem;
+
+  h1.page-header {
+    margin: 0;
+    max-width: 100%;
+    min-width: 100%;
+  }
 }
 
 header {

templates/404.html

@@ -3,6 +3,10 @@
 {% block main_content %}
 <main class="centered-header">
   {{ post_macros::page_header(title="404")}}
-  <span>it's not here. i'm sorry.</span>
+  <span>
+    it's not here.
+    <br>
+    i'm sorry.
+  </span>
 </main>
 {% endblock main_content %}