Parameterize the photo grid

assets/styles/photos/001_photos.css

@@ -1,3 +1,4 @@
+{{ $gridSize := site.Params.photos.gridSize }}
 :root {
     --date-item-background-color: rgb(var(--lt-gray));
 
@@ -26,7 +27,7 @@
 
 .photos.list {
     display: grid;
-    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax({{ printf "%dpx" $gridSize }}, 1fr));
     gap: 4px;
 }
 

assets/styles/root/000_layers.css

@@ -1,2 +1 @@
 @layer reset, typography, root, layout, section, page, utility;
-

assets/styles/root/002_columns.css

@@ -235,11 +235,12 @@
     grid-column: wide-content-start / wide-content-end;
   }
 
-  main > header > span.series {
+  main > header > .series {
     margin-inline-start: 0.5em;
+    width: 100%;
   }
 
-  main > header > span.series::before {
+  main > header > .series::before {
     margin-inline-end: 0.25em;
   }
 

assets/styles/root/050_typography.css

@@ -167,6 +167,10 @@
         line-height: var(--line-height);
     }
 
+    p > code {
+      white-space: pre;
+    }
+
     .social {
       letter-spacing: 2px;
     }