MediaWiki:Citizen.css: Difference between revisions

Line 479:

At 600-899px the homepage uses the available width as one broad content

column. The square icon groups need one component-specific split inside the

tablet range: 600-799px keeps the stable four-column rhythm, while 800-899px

tablet range: 600-799px keeps the stable four-column rhythm with centred

has enough room for compact single-row groups. This avoids ugly orphan rows

wrapped rows, while 800-899px has enough room for compact single-row groups.

such as 5+2 or 6+1.

This avoids ugly orphan rows such as 5+2 or 6+1.

========================================================================== */

@media screen and (min-width: 600px) and (max-width: 899px) {

Line 535:

.skin-citizen .wizlords-mainpage-items {

display: ~~grid~~;

display: flex;

~~grid~~-~~template-columns~~: ~~repeat(4, minmax(0, 78px))~~;

flex-wrap: wrap;

gap: 12px 16px;

max-width: 360px;

margin-right: auto;

margin-left: auto;

justify-content: center;

~~justify~~-items: ~~center;~~

align-items: flex-start;

~~align~~-~~items:~~ start;

}

.skin-citizen .wizlords-imagetext {

flex: 0 0 78px;

width: 78px;

max-width: none;

Line 570:

Line 573:

flex-wrap: wrap;

gap: 10px 14px;

max-width: none;

justify-content: center;

align-items: flex-start;