MediaWiki:Citizen.css: Difference between revisions

← Older edit Newer edit →

@@ Line 505: / Line 505: @@
     --------------------------------------------------------------------------
     At 600-899px the homepage uses the available width as one broad content
-    column. Eight compact icon slots allow eight-item groups to occupy one row
+    column. The icon grid auto-fits to the number of links present, so seven-item
-    and naturally centre shorter groups such as the seven-item Rules section.
+    groups do not show an empty eighth slot while eight-item groups can still
+   occupy a single compact row.
     ========================================================================== */
 @media screen and (min-width: 600px) and (max-width: 899px) {
@@ Line 563: / Line 564: @@
 	.skin-citizen .wizlords-mainpage-right > .center:has(> .wizlords-imagetext) {
 		display: grid;
-		grid-template-columns: repeat(8, minmax(0, 1fr));
+		grid-template-columns: repeat(auto-fit, minmax(78px, 1fr));
 		gap: 8px 6px;
 		justify-items: center;