Skip to content

Instantly share code, notes, and snippets.

@gcollazo

gcollazo/media-queries.css

Last active February 21, 2023 21:42
Show Gist options
  • Save gcollazo/2997477abf71486207c45fc0c11680b7 to your computer and use it in GitHub Desktop.
Save gcollazo/2997477abf71486207c45fc0c11680b7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
media-queries.css
@media (max-width: 320px) {
body { background-color: red; }
}
@media (min-width: 321px ) and (max-width: 375px) {
body { background-color: blue; }
}
@media (min-width: 376px ) and (max-width: 425px) {
body { background-color: orange; }
}
@media (min-width: 426px ) and (max-width: 768px) {
body { background-color: green; }
}
@media (min-width: 769px ) and (max-width: 1024px) {
body { background-color: pink; }
}
@media (min-width: 1025px ) and (max-width: 1440px) {
body { background-color: teal; }
}
@media (min-width: 1441px ) and (max-width: 2560px) {
body { background-color: yellow; }
}
@media (min-width: 2561px ) {
body { background-color: purple; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment