cards: one column grid on narrow phone pages McShelby#1138

McShelby · McShelby · commit 8641811ed562 · 2025-09-28T21:45:57.000+02:00
diff --git a/assets/css/theme.css b/assets/css/theme.css
@@ -3052,7 +3052,8 @@ body.notfound #shrug svg {
 
 /* Responsive: 1 column on mobile */
 @media screen and (max-width: 47.999rem) {
-  .card-container {
+  article.narrow .card-container,
+  article:not(.narrow) .card-container {
     gap: 1.25rem;
     grid-template-columns: 1fr;
   }
diff --git a/layouts/partials/version.txt b/layouts/partials/version.txt
@@ -1 +1 @@
-8.0.0+ebde66fe419e34544ecb3b0ddbf8a6497ae815d2
+8.0.0+97777ec5111409397e83f44eca496eea97697836

Original file line number	Diff line number	Diff line change
`@@ -3052,7 +3052,8 @@ body.notfound #shrug svg {`
`3052`	`3052`
`3053`	`3053`	`/* Responsive: 1 column on mobile */`
`3054`	`3054`	`@media screen and (max-width: 47.999rem) {`
`3055`		`- .card-container {`
	`3055`	`+ article.narrow .card-container,`
	`3056`	`+ article:not(.narrow) .card-container {`
`3056`	`3057`	`gap: 1.25rem;`
`3057`	`3058`	`grid-template-columns: 1fr;`
`3058`	`3059`	`}`