Difference between revisions of "Common.css"
Jump to navigation
Jump to search
(Added responsive web design two-column layout for home page.) |
|||
| Line 5: | Line 5: | ||
padding: 10px; | padding: 10px; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
| + | display: none; | ||
| + | |||
} | } | ||
Revision as of 17:18, 14 July 2021
/* Create two equal columns that floats next to each other */ .respcolumn {
float: left; width: 50%; padding: 10px; box-sizing: border-box; display: none;
}
/* Clear floats after the columns */ .resprow: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: 800px) {
.respcolumn {
width: 100%;
}
}