Difference between revisions of "Common.css"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
/* Create two equal columns that floats next to each other */ | /* Create two equal columns that floats next to each other */ | ||
.respcolumn { | .respcolumn { | ||
− | float: left; | + | float: left !important; |
− | width: 50%; | + | width: 50% !important; |
padding: 10px; | padding: 10px; | ||
− | box-sizing: border-box; | + | box-sizing: border-box !important; |
display: none; | display: none; | ||
− | |||
} | } | ||
− | |||
/* Clear floats after the columns */ | /* Clear floats after the columns */ | ||
.resprow:after { | .resprow:after { | ||
Line 15: | Line 13: | ||
clear: both; | clear: both; | ||
} | } | ||
− | |||
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ | /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ | ||
@media screen and (max-width: 800px) { | @media screen and (max-width: 800px) { | ||
.respcolumn { | .respcolumn { | ||
− | width: 100%; | + | width: 100% !important; |
} | } | ||
} | } |
Revision as of 21:54, 14 July 2021
/* Create two equal columns that floats next to each other */ .respcolumn {
float: left !important; width: 50% !important; padding: 10px; box-sizing: border-box !important; 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% !important; }
}