507
edits
MediaWiki:Common.css: Difference between revisions
no edit summary
(Created page with "→CSS placed here will be applied to all skins: →=== HIDE PAGE TITLE ONLY ON MAIN PAGE ===: body.page-Main_Page h1.firstHeading { display: none; } →=== HERO BANNER STYLING ===: .hero-banner { text-align: center; margin-top: 20px; } .hero-banner img { max-width: 100%; height: auto; margin-bottom: 10px; } →=== TAGLINE BELOW BANNER ===: .hero-tagline { text-align: center; font-weight: 600; font-size: 16px; margin-bottom: 20px; } /* ===...") |
No edit summary |
||
| Line 76: | Line 76: | ||
width: 100%; | width: 100%; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
} | |||
} | |||
/* Grid Styling for Desktop */ | |||
.mainpage-grid-3col { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 2em; | |||
justify-content: space-between; | |||
margin-bottom: 2em; | |||
} | |||
.mainpage-col { | |||
flex: 1 1 30%; | |||
min-width: 250px; | |||
} | |||
/* Mobile Optimizations */ | |||
@media screen and (max-width: 768px) { | |||
.mainpage-grid-3col { | |||
flex-direction: column; | |||
} | |||
.mainpage-col { | |||
width: 100%; | |||
margin-bottom: 1.5em; | |||
text-align: center; | |||
} | |||
.mainpage-col ul { | |||
padding-left: 1em; | |||
text-align: left; | |||
} | } | ||
} | } | ||