CSS and a shortcode for a 2-column grid within the content track

assets/styles/root/002_layout.css

@@ -86,6 +86,13 @@
     }
 }
 
+@layer root {
+  main > .grid2 {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
 @layer layout {
   aside#table-of-contents {
     grid-column: content-start / content-end;
@@ -446,3 +453,9 @@
     width: 100%;
   }
 }
+
+@layer utility {
+  .grid-item {
+    grid-column: unset;
+  }
+}

layouts/shortcodes/grid2.html

@@ -0,0 +1,3 @@
+<div class="grid2">
+    {{ .Inner }}
+</div>