MediaWiki:Common.css: Difference between revisions

more flex stuff for responsive layout
m (responsive screen 700px)
(more flex stuff for responsive layout)
Line 413:
******************************/
* {
box-sizing: contentborder-box;
}
 
Line 425:
/* left column */
.left-side {
flex: 6570%;
background-color: #f7f7f7;
border:1px solid #ccc;
Line 443:
}
 
/* Responsive layout - whenmakes thea screenone is less than 700px wide, make the two columns stack on top of each othercolumn-layout instead of nexta to eachtwo-column otherlayout */
@media screen and (max-width: 700px800px) {
.right-side, .left-side {
.row {
flex-direction: column100%;
}
}