Skip to content

Instantly share code, notes, and snippets.

@dandgerson

dandgerson/breakpoints.css

Last active January 8, 2022 18:43
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 dandgerson/6d31281ea8031e9ae16c5ea9a6c069d6 to your computer and use it in GitHub Desktop.
Save dandgerson/6d31281ea8031e9ae16c5ea9a6c069d6 to your computer and use it in GitHub Desktop.
Download ZIP
Mobile first breakpoints
Raw
breakpoints.css
@media (min-width:321px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:481px) { /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:601px) { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px) { /* 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 */ }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment