Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
/* Default styles for classic screens */
@media all {
#wrapper-global {
max-width: 960px; /* Recommended maximum width for desktop */
margin: 0 auto; /* Center the page */
/* Tablets in portrait */
@media all and (min-width: 760px) and (max-width: 959px) {}
/* Mini tablets in portrait and expansive mobiles in landscape */
@media all and (min-width: 560px) and (max-width: 759px) {}
/* Mobiles in landscape */
@media all and (min-width: 460px) and (max-width: 559px) {}
/* Mobiles in portrait (smallest width is 320px) */
@media all and (max-width: 459px) {}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment