MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* mobile screen css */
@media (max-width:768px){

.mw-body{
padding:10px;
}

.home-grid{
flex-direction:column;
}

}

/* CSS placed here will be applied to all skins */
.home-hero{
background:#2563eb;
color:white;
padding:60px;
text-align:center;
border-radius:10px;
margin-bottom:30px;
}

.home-btn{
background:white;
color:#2563eb;
padding:10px 20px;
text-decoration:none;
border-radius:6px;
font-weight:bold;
}

.home-grid{
display:flex;
gap:20px;
flex-wrap:wrap;
}

.home-card{
background:#f5f5f5;
padding:20px;
border-radius:10px;
flex:1;
min-width:200px;
}

@media (max-width:768px){
.home-grid{
flex-direction:column;
}
}