Template:Main Page/styles.css

.mainpage-box-container { display: flex; flex-wrap: wrap; }

.mainpage-box { width: 100%; }

.mainpage-box h3 { padding-top: 0.2em; padding-bottom: 0.2em; }

.mainpage-box-players h3 { color: #333; font-weight: bold; background-color: #FFAAB9; padding-left: 15px; }

.mainpage-box-admins h3 { color: #333; font-weight: bold; background-color: #D9EB52; padding-left: 15px; }

.mainpage-box-developers h3 { color: #333; font-weight: bold; background-color: #8DCAE1; padding-left: 15px; }

@media screen and (min-width: 768px) { .mainpage-box { width: calc(100% / 3); } }