Difference between revisions of "Common.css"
Jump to navigation
Jump to search
(Added responsive web design two-column layout for home page.) |
(No difference)
|
Revision as of 16:57, 14 July 2021
/* Create two equal columns that floats next to each other */ .respcolumn {
float: left; width: 50%; padding: 10px; box-sizing: border-box;
}
/* 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%; }
}