Skip to content

Instantly share code, notes, and snippets.

@tknv
Created May 29, 2019 16:47
Show Gist options
  • Save tknv/537274e6b43daaf6fce8053eacdf51c4 to your computer and use it in GitHub Desktop.
Save tknv/537274e6b43daaf6fce8053eacdf51c4 to your computer and use it in GitHub Desktop.
@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }
/* source https://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment