Created
March 26, 2019 15:35
-
-
Save npapratovic/512d5e922acee4fe0d00062ba71b2979 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Set the background color of body to tan */ | |
body { | |
background-color: tan; | |
} | |
/* On screens that are 1200px or less, set the background color to red */ | |
@media screen and (max-width: 1200px) { | |
body { | |
background-color: red; | |
} | |
} | |
/* On screens that are 992px or less, set the background color to blue */ | |
@media screen and (max-width: 992px) { | |
body { | |
background-color: blue; | |
} | |
} | |
/* On screens that are 768px or less, set the background color to green */ | |
@media screen and (max-width: 768px) { | |
body { | |
background-color: green; | |
} | |
} | |
/* On screens that are 600px or less, set the background color to olive */ | |
@media screen and (max-width: 600px) { | |
body { | |
background-color: olive; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment