404 layout: fix HTML, avoid nested main

Author: chalin

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; }
 }

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 }}