Camo Yoshi (talk | contribs) (Created page with "* { box-sizing: border-box; } body { margin: 0; } →Create two equal columns that floats next to each other: .main_page_column { float: left; width: 50%; paddi...") |
Camo Yoshi (talk | contribs) No edit summary |
||
| Line 22: | Line 22: | ||
} | } | ||
/* Responsive layout - makes the | /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ | ||
@media screen and (max-width:600px) { | @media screen and (max-width:600px) { | ||
.main_page_column { | .main_page_column { | ||
Latest revision as of 05:16, 22 October 2021
* {
box-sizing: border-box;
}
body {
margin: 0;
}
/* Create two equal columns that floats next to each other */
.main_page_column {
float: left;
width: 50%;
padding: 15px;
}
/* Clear floats after the columns */
.main_page_row:after {
content: "";
display: table;
clear: both;
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
.main_page_column {
width: 100%;
}
}