MediaWiki:Citizen.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary |
No edit summary |
||
| Line 901: | Line 901: | ||
At 360px and below, four columns become too tight for readable labels. | At 360px and below, four columns become too tight for readable labels. | ||
The Main Page square-icon groups contain seven items, so this creates a | The Main Page square-icon groups contain seven items, so this creates a | ||
centred 3 / | centred 3 / 3 / 1 rhythm instead of allowing single-letter word breaks. */ | ||
@media screen and (max-width: 360px) { | @media screen and (max-width: 360px) { | ||
.skin-citizen .wizlords-mainpage-items { | .skin-citizen .wizlords-mainpage-items { | ||
| Line 910: | Line 910: | ||
flex-basis: calc((100% - 16px) / 3); | flex-basis: calc((100% - 16px) / 3); | ||
width: calc((100% - 16px) / 3); | width: calc((100% - 16px) / 3); | ||
} | } | ||