Skip to content

Instantly share code, notes, and snippets.

@codeithuman
Created May 14, 2014 23:09
Show Gist options
  • Save codeithuman/ed22fc5ea753b12aa1a7 to your computer and use it in GitHub Desktop.
Save codeithuman/ed22fc5ea753b12aa1a7 to your computer and use it in GitHub Desktop.
Common Media Query Sizes - Smashing Magazine and Bootstrap
/*
* Common Media query sizes.
* Media queries from http://getbootstrap.com
* Media queries from http://smashingmagazine.com
* Recorded 2014.05.14 by @ajdev27
*/
/* Bootstrap */
/* 47.938em */
@media(max-width:767px){}
/* 48em */
@media(min-width:768px){}
/* 62em */
@media(min-width:992px){}
/* 75em */
@media(min-width:1200px){}
/* Smashing Magazine */
/* 635px */
@media screen and (min-width:39.6875em){}
/* 315px */
@media screen and (min-width:19.6875em){}
/* 435px */
@media screen and (min-width:27.1875em){}
/* 400px */
@media screen and (min-width:25em){}
/* 500px */
@media screen and (min-width:31.25em){}
/* 610px */
@media screen and (min-width:38.125em){}
/* 650px */
@media screen and (min-width:40.625em){}
/* 800px */
@media screen and (min-width:50em){}
/* 1020px */
@media screen and (min-width:63.75em){}
/* 1220px */
@media screen and (min-width:76.25em){}
/* 1300px */
@media screen and (min-width:81.25em){}
/* 1450px */
@media screen and (min-width:90.625em){}
/* 1600px */
@media screen and (min-width:100em){}
/* 1020px to 1125px */
@media screen and (min-width:63.75em) and (max-width:70.3125em){}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment