404 layout: fix HTML, avoid nested main

google · Aug 2, 2022 · 5d31b24 · 5d31b24
1 parent 59df0c5
commit 5d31b24
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 16 deletions.
diff --git a/assets/scss/_main-container.scss b/assets/scss/_main-container.scss
@@ -22,13 +22,11 @@
 
 .td-main {
     flex-grow: 1;
+}
 
-    main {
-        @include media-breakpoint-up(md) {
-            padding-top: 5.5rem;
-        }
-
-
-        padding-bottom: 2rem;
-    }
+.td-404 main,
+.td-main main {
+  padding-top: 1.5rem;
+  padding-bottom: 2rem;
+  @include media-breakpoint-up(md) { padding-top: 5.5rem; }
 }
diff --git a/layouts/404.html b/layouts/404.html
@@ -1,8 +1,6 @@
-{{ define "main"}}
-    <main id="main">
-      <div>
-       <h1 id="title">Not found</h1>
-          <p>Oops! This page doesn't exist. Try going back to our <a href="{{ "" | relURL }}">home page</a>.</p>
-      </div>
-    </main>
-{{ end }}
+{{ define "main" -}}
+<div class="td-content">
+  <h1>Not found</h1>
+  <p>Oops! This page doesn't exist. Try going back to the <a href="{{ "" | relURL }}">home page</a>.</p>
+</div>
+{{- end }}