Index: index.html.pp
==================================================================
--- index.html.pp
+++ index.html.pp
@@ -63,11 +63,10 @@
     z-index: -100;
   }
 
   main {
     background: transparent;
-    font-size: 1.3em;
     line-height: 1.2em;
   }
 </style>
 </head>
 

Index: web-extra/martin.css.pp
==================================================================
--- web-extra/martin.css.pp
+++ web-extra/martin.css.pp
@@ -634,17 +634,17 @@
 
     /* ******* (Mobile first) Columnar series list styling *******
      */
 
     .series-list {
-        column-width: 9rem;
+        display: grid;
+        grid-template-columns: repeat(auto-fill,8em);
+        place-content: center;
     }
 
     .series-list div {
-        -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
-        page-break-inside: avoid; /* Firefox */
-        break-inside: avoid; /* IE 10+ */
+        padding-left: 0.25em; /* Keeps some italic descenders inside the box */
     }
 
     .series-list h2 {
         font-feature-settings: "smcp" on;
         text-transform: lowercase;