Start styling with subgrid. (Currently only supported in Firefox.)

themes/static-kalbag/static/css/basic.css

@@ -397,12 +397,6 @@ hr {
 	text-decoration: none;
 }
 
-.header-wrap {
-	/* centre everything */
-	margin: 0 auto;
-	max-width: 51.8em;
-}
-
 /*  - - - - - - - - NAVIGATION
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 

themes/static-kalbag/static/css/style.css

+/*  - - - - - - - - GRID
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
+
+body {
+    display: grid;
+    grid-template-columns:
+        [full-start] minmax(var(--layout-unit),1fr)
+        [margin-1-start] minmax(0,1fr)
+        [margin-1-end content-start] minmax(0,5fr)
+        [content-end side-column-start] minmax(0,0)
+        [side-column-end margin-2-start] minmax(0,1fr)
+        [margin-2-end] minmax(var(--layout-unit),1fr)
+        [full-end];
+}
+
+header {
+    grid-row: 1;
+    grid-column: full-start / full-end;
+}
+
+main {
+    grid-row: 2;
+    grid-column: full-start / full-end;
+}
+
+footer {
+    grid-row: 3;
+    grid-column: full-start / full-end; 
+}
+
+.footer-wrap {
+    display: grid;
+    grid-template-columns: subgrid;
+    grid-column: content-start / content-end;
+}
\ No newline at end of file