MediaWiki:Citizen.css: Difference between revisions

← Older edit Newer edit →

@@ Line 125: / Line 125: @@
 .skin-citizen .wizlords-mainpage-left > .center:has(> .wizlords-imagetext),
 .skin-citizen .wizlords-mainpage-right > .center:has(> .wizlords-imagetext) {
-	display: grid;
+	display: flex;
-	grid-template-columns: repeat(4, minmax(0, 1fr));
+	flex-wrap: wrap;
 	gap: 12px 8px;
-	justify-items: center;
+	justify-content: center;
 	align-items: start;
 	width: 100%;
@@ Line 142: / Line 142: @@
 .skin-citizen .wizlords-mainpage-left > .center:has(> .wizlords-imagetext) > p,
 .skin-citizen .wizlords-mainpage-right > .center:has(> .wizlords-imagetext) > p {
-	grid-column: 1 / -1;
+	flex: 0 0 100%;
 	width: 100%;
 	margin: 0 0 8px;
@@ Line 150: / Line 150: @@
 .skin-citizen .wizlords-imagetext {
 	display: block;
+	flex: 0 1 78px;
 	box-sizing: border-box;
 	width: 100%;
@@ Line 211: / Line 212: @@
 	.skin-citizen .wizlords-imagetext {
+		flex-basis: 96px;
 		max-width: 96px;
 	}