35 lines
499 B
CSS
35 lines
499 B
CSS
|
/* MOBILE AND GLOBAL STYLES */
|
||
|
|
|
||
|
|
/* applies to screens smaller than 500px (first breakpoint) */
|
||
|
|
/* and above unless overwritten below */
|
||
|
|
|
||
|
|
body {
|
||
|
|
background: #fcc;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* TABLET STYLES */
|
||
|
|
|
||
|
|
@media screen and (min-width: 500px) {
|
||
|
|
|
||
|
|
/* applies to screens wider than 499px */
|
||
|
|
|
||
|
|
body {
|
||
|
|
background: #cfc;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* DESKTOP STYLES */
|
||
|
|
|
||
|
|
@media screen and (min-width: 1000px) {
|
||
|
|
|
||
|
|
/* applies to screens wider than 999px */
|
||
|
|
|
||
|
|
body {
|
||
|
|
background: #ccf;
|
||
|
|
}
|
||
|
|
}
|