MediaWiki:Citizen.css: Difference between revisions

Line 505:

--------------------------------------------------------------------------

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

column. The ~~icon~~ grid ~~auto~~-~~fits to the number of links present~~, so seven~~-item~~

column, while icon groups stay as compact centred rows. The grid columns are

~~groups do not show an empty eighth slot while~~ eight~~-item groups~~ can still

fixed-width, not fractional, so seven icons do not stretch across the whole

~~occupy a single compact~~ row.

section and eight icons can still fit on one row where space allows.

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

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

Line 564:

.skin-citizen .wizlords-mainpage-right > .center:has(> .wizlords-imagetext) {

display: grid;

grid-template-columns: repeat(auto-fit, ~~minmax(~~78px~~, 1fr)~~);

grid-template-columns: repeat(auto-fit, 78px);

gap: ~~8px 6px~~;

gap: 10px 14px;

justify-content: center;

justify-items: center;

align-items: start;

}

Line 572:

Line 574:

.skin-citizen .wizlords-mainpage-right > .center:has(> .wizlords-imagetext) > p {

grid-column: 1 / -1;

width: 100%;

margin-bottom: 4px;

}

.skin-citizen .wizlords-imagetext {

width: ~~100%~~;

width: 78px;

max-width: ~~78px~~;

max-width: none;

}