4-column grid layout when there's no sidebar

Author: minimaluminium

assets/built/screen.css

@@ -1547,7 +1547,8 @@ Search                         LOGO                    Login Subscribe
     margin-top: 0;
 }
 
-.gh-navigation + .gh-container .gh-container-title {
+.gh-navigation + .gh-container .gh-container-title,
+:is(.paged, .tag-template, .author-template) .gh-container:not(.has-sidebar) .gh-container-title {
     display: none;
 }
 
@@ -1607,10 +1608,14 @@ Search                         LOGO                    Login Subscribe
 
 /* 11.2. Without sidebar */
 
-.gh-container:not(.has-sidebar) :is(.gh-container-title, .gh-main, .gh-more) {
+.gh-container.is-list:not(.has-sidebar) :is(.gh-container-title, .gh-main, .gh-more) {
     grid-column: 3 / span 12;
 }
 
+.gh-container.is-grid:not(.has-sidebar) .gh-main {
+    grid-column: 1 / -1;
+}
+
 @media (max-width: 1199px) {
     .gh-container-inner {
         display: block;
@@ -1724,7 +1729,7 @@ Search                         LOGO                    Login Subscribe
 
 .gh-container.is-grid .gh-feed {
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
     row-gap: calc(var(--grid-gap) * 1.5);
     overflow: hidden;
 }

assets/built/screen.css.map

@@ -22,31 +22,31 @@
                     {{#match @custom.header_style "Highlight"}}
                         {{#match posts.length ">=" 10}}
                             {{#if @custom.highlight_featured_posts}}
-                                {{#foreach posts from="5" limit="9"}}
+                                {{#foreach posts from="5" limit="8"}}
                                     {{> "post-card"}}
                                 {{/foreach}}
                             {{else}}
-                                {{#foreach posts from="11" limit="9"}}
+                                {{#foreach posts from="11" limit="8"}}
                                     {{> "post-card"}}
                                 {{/foreach}}
                             {{/if}}
                         {{else}}
-                            {{#foreach posts limit="9"}}
+                            {{#foreach posts limit="8"}}
                                 {{> "post-card"}}
                             {{/foreach}}
                         {{/match}}
                     {{else match @custom.header_style "Magazine"}}
                         {{#match posts.length ">=" 7}}
-                            {{#foreach posts from="8" limit="9"}}
+                            {{#foreach posts from="8" limit="8"}}
                                 {{> "post-card"}}
                             {{/foreach}}
                         {{else}}
-                            {{#foreach posts limit="9"}}
+                            {{#foreach posts limit="8"}}
                                 {{> "post-card"}}
                             {{/foreach}}
                         {{/match}}
                     {{else}}
-                        {{#foreach posts limit="9"}}
+                        {{#foreach posts limit="8"}}
                             {{> "post-card"}}
                         {{/foreach}}
                     {{/match}}