Just a quick query out of the following two code snippets which would be the most optimal. Assuming minification, file size for the second win’s, but i wonder how it would affect rendering time and which would come out on top, (yuh i know its probably insignificant, just wondering)
.codesegmentA { padding-bottom: 10px; }
.codesegmentB { padding-top: 20px; }
.codesegmentC { background: #222; }
@media only screen and (max-width: 479px) {
.codesegmentA { padding: 0; }
.codesegmentB { padding: 0; }
.codesegmentC { background: #fff; }
}
Or
@media only screen and (min-width: 480px) {
.codesegmentA { padding-bottom: 10px; }
.codesegmentB { padding-top: 20px; }
}
.codesegmentC { background: #222; }
@media only screen and (max-width: 479px) {
.codesegmentC { background: #fff; }
}