Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(fucked up a lil) |
|||
| Line 1: | Line 1: | ||
| − | |||
| − | |||
| − | |||
.perk-grid { | .perk-grid { | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| + | gap: 12px; | ||
justify-content: center; | justify-content: center; | ||
| − | |||
} | } | ||
| − | + | .perk-grid .perk { | |
| − | .perk { | + | box-sizing: border-box; |
| − | |||
| − | |||
text-align: center; | text-align: center; | ||
| + | flex: 1 1 360px; /* Minimum width before wrapping */ | ||
| + | max-width: 420px; /* Prevent too-wide blocks */ | ||
} | } | ||
| − | + | .perk-grid .perk table { | |
| − | @media | + | margin-left: auto; |
| − | .perk { | + | margin-right: auto; |
| − | flex: 1 1 | + | } |
| − | max-width: | + | @media (min-width: 1200px) { |
| + | .perk-grid .perk { | ||
| + | flex: 1 1 calc(33.333% - 12px); /* 3 per row on big screens */ | ||
| + | max-width: none; | ||
} | } | ||
} | } | ||
Revision as of 17:56, 12 August 2025
.perk-grid {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
}
.perk-grid .perk {
box-sizing: border-box;
text-align: center;
flex: 1 1 360px; /* Minimum width before wrapping */
max-width: 420px; /* Prevent too-wide blocks */
}
.perk-grid .perk table {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1200px) {
.perk-grid .perk {
flex: 1 1 calc(33.333% - 12px); /* 3 per row on big screens */
max-width: none;
}
}
