Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
(Tag: Undo) |
|||
| Line 5: | Line 5: | ||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
| − | + | justify-content: center; | |
| − | + | gap: 10px; | |
} | } | ||
| − | + | ||
| − | + | .perk { | |
| − | + | flex: 1 1 calc(33.333% - 10px); | |
| − | + | max-width: calc(33.333% - 10px); | |
| − | + | text-align: center; | |
} | } | ||
| − | + | ||
| − | + | @media screen and (max-width: 800px) { | |
| − | + | .perk { | |
| − | + | flex: 1 1 100%; | |
| − | @media ( | + | max-width: 100%; |
| − | |||
| − | flex: 1 1 | ||
| − | max-width: | ||
} | } | ||
} | } | ||
Revision as of 17:54, 12 August 2025
/* CSS placed here will be applied to all skins */
.perk-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.perk {
flex: 1 1 calc(33.333% - 10px);
max-width: calc(33.333% - 10px);
text-align: center;
}
@media screen and (max-width: 800px) {
.perk {
flex: 1 1 100%;
max-width: 100%;
}
}
