Skip to content

Instantly share code, notes, and snippets.

@FredSRocha
Last active February 7, 2018 16:19
Show Gist options
  • Save FredSRocha/b22ac113f06675bbd92db08e3cf1378d to your computer and use it in GitHub Desktop.
Save FredSRocha/b22ac113f06675bbd92db08e3cf1378d to your computer and use it in GitHub Desktop.
My favorite reference for media screen Concepts (Based on Mobile First).
/* @media Concepts (Based on Mobile First) */
/* Mobile First in General Concepts. */
/**
* 16.1 Mobile Large 620px
*/
@media screen and (min-width: 38.75em) {}
/**
* 16.2 Tablet Small 740px
*/
@media screen and (min-width: 46.25em) {}
/**
* 16.3 Tablet Large 880px
*/
@media screen and (min-width: 55em) {}
/**
* 16.4 Desktop Small 955px
*/
@media screen and (min-width: 59.6875em) {}
/**
* 16.5 Desktop Medium 1100px
*/
@media screen and (min-width: 68.75em) {}
/**
* 16.6 Desktop Large 1240px
*/
@media screen and (min-width: 77.5em) {}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment