add structure to random

assets/css/src/grid.css

@@ -0,0 +1,9 @@
+body.full-width #desktop-nav {
+  height: auto;
+}
+body.full-width #desktop-nav .empty {
+  height: calc(var(--unit--vertical) / 2);
+}
+body.full-width .content {
+  position: sticky;
+}

assets/css/src/html.css

@@ -61,9 +61,14 @@ html {
 }
 
 @media screen and (min-width: 640px) {
-  :root {
+  body {
     --padding-body: calc(15 * var(--unit--horizontal));
   }
+
+  body.full-width {
+    --padding-body: calc(var(--unit--horizontal) * 7);
+  }
+
   body,
   #logo {
     max-width: calc(22 * var(--unit--horizontal));

assets/css/style.css

@@ -7,6 +7,7 @@
 @import url("src/article.css");
 @import url("src/virtual.css");
 @import url("src/home.css");
+@import url("src/grid.css");
 @import url("src/footer.css");
 @import url("src/print.css");
 :root {

assets/dist/style.css

@@ -118,7 +118,7 @@ html {
 .hidden {
   display: none;
 }
-.grid {
+.background-grid {
   background-size: var(--unit--horizontal) var(--unit--vertical);
   background-image: linear-gradient(
       90deg,