MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 18: | Line 18: | ||
display: table; | display: table; | ||
clear: both; | clear: both; | ||
} | |||
/* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */ | |||
@media screen and (max-width: 600px) { | |||
.column { | |||
width: 100%; | |||
} | |||
} | } |
Revision as of 15:32, 27 April 2021
/* CSS placed here will be applied to all skins */ * { box-sizing: border-box; } /* Create three equal columns that floats next to each other */ .column { float: left; width: 33.33%; padding: 10px; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* Responsive layout - when the screen is less than 600px wide, make the three columns stack on top of each other instead of next to each other */ @media screen and (max-width: 600px) { .column { width: 100%; } }