MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 122: | Line 122: | ||
Wide image cards use separate classes and are intentionally unaffected. | Wide image cards use separate classes and are intentionally unaffected. | ||
========================================================================== */ | ========================================================================== */ | ||
.skin-citizen .wizlords-mainpage-items { | .skin-citizen .wizlords-mainpage-items, | ||
.skin-citizen .wizlords-mainpage-left > .center:has(> .wizlords-imagetext), | |||
.skin-citizen .wizlords-mainpage-right > .center:has(> .wizlords-imagetext) { | |||
display: grid; | display: grid; | ||
grid-template-columns: repeat(4, minmax(0, 1fr)); | grid-template-columns: repeat(4, minmax(0, 1fr)); | ||
gap: 12px 8px; | gap: 12px 8px; | ||
justify-items: center; | justify-items: center; | ||
align-items: start; | |||
width: 100%; | width: 100%; | ||
min-width: 0; | min-width: 0; | ||
margin-right: auto; | |||
margin-left: auto; | |||
text-align: center; | text-align: center; | ||
} | } | ||
| Line 188: | Line 193: | ||
retaining the same predictable four-column arrangement. */ | retaining the same predictable four-column arrangement. */ | ||
@media screen and (min-width: 600px) { | @media screen and (min-width: 600px) { | ||
.skin-citizen .wizlords-mainpage-items { | .skin-citizen .wizlords-mainpage-items, | ||
.skin-citizen .wizlords-mainpage-left > .center:has(> .wizlords-imagetext), | |||
.skin-citizen .wizlords-mainpage-right > .center:has(> .wizlords-imagetext) { | |||
gap: 16px 12px; | gap: 16px 12px; | ||
} | } | ||