Skip to content

Instantly share code, notes, and snippets.

@ChenReuven
Forked from MatthewEppelsheimer/breakpoints.css
Last active December 17, 2017 18:15
Show Gist options
  • Save ChenReuven/4651027 to your computer and use it in GitHub Desktop.
Save ChenReuven/4651027 to your computer and use it in GitHub Desktop.
CSS: Mobile Query
// Mobile First
@media screen and (min-width: 321px) { // iPhone landscape
}
@media screen and (min-width: 481px) { // iPad portrait
}
@media screen and (min-width: 769px) { // iPad landscape
}
// Desktop First
@media screen and (max-width: 320px) { // iPhone portrait
}
@media screen and (max-width: 480px) { // iPhone landscape
}
@media screen and (max-width: 768px) { // iPad portrait
}
@media screen and (max-width: 1024px) { // iPad landscape
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment