Skip to content

Instantly share code, notes, and snippets.

@johnantoni

johnantoni/dimensions.md

Last active August 29, 2015 13:58
Show Gist options
  • Save johnantoni/10157393 to your computer and use it in GitHub Desktop.
Save johnantoni/10157393 to your computer and use it in GitHub Desktop.
Download ZIP
responsive screen dimensions
Raw
dimensions.md

Mobile:

  • Nexus 5 -- 1080 x 1920 pixels -- more -- (SMALL)
  • Windows Phone -- 768 x 1280 pixels -- more -- (SMALL)
  • iPhone 4S -- 640 x 960 pixels -- more -- (SMALL)
  • iPhone 5 -- 640 x 1136 pixels -- more -- (SMALL)

Tablet:

  • Nexus 7 v1 -- 1280x800 pixels -- more -- (MEDIUM)
  • Nexus 7 v2 -- 1920x1200 pixels -- more -- (MEDIUM)
  • iPad Mini -- 2048×1536 pixels -- more -- (MEDIUM)
  • iPad (Portrait) -- 2048×1536 -- more -- (MEDIUM)

Desktop:

  • Desktop -- (LARGE)
  • iPad (Landscape) -- (LARGE)
  • Nexus 10 (Landscape) -- (LARGE)

Foundation defaults

  • $small-range: (0em, 40em); -- 0, 640px
  • $medium-range: (40.063em, 64em); -- 641px, 1024px
  • $large-range: (64.063em, 90em); -- 1025px, 1440px
  • $xlarge-range: (90.063em, 120em); -- 1441px, 1920px
  • $xxlarge-range: (120.063em); -- 1921px

Custom

  • small = 0 to 768
  • medium = 768 to 1200 (or 780)
  • large = 1200 to 1921
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment