Skip to content

Instantly share code, notes, and snippets.

@npapratovic

npapratovic/mobile-first-css.css

Created April 11, 2019 15:45
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save npapratovic/17677665428fc1fd85afc0a1bed2e4ae to your computer and use it in GitHub Desktop.
Save npapratovic/17677665428fc1fd85afc0a1bed2e4ae to your computer and use it in GitHub Desktop.
Download ZIP
mobile-first-css-breakpoints
Raw
mobile-first-css.css
/* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
@media (min-width:320px) {
}
/* smartphones, Android phones, landscape iPhone */
@media (min-width:480px) {
}
/* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
@media (min-width:600px) {
}
/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:801px) {
}
/* big landscape tablets, laptops, and desktops */
@media (min-width:1025px) {
}
/* hi-res laptops and desktops */
@media (min-width:1281px) {
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment