Responsive Page Layouts

CSS media query:

/* "compact" (no query needed) */


/* "medium" screens */
@media (min-width: 600px) { /* specific rules go here */ }

/* "expanded" screens */
@media (min-width: 840px) { /* specific rules go here */ }

/* "large" screens */
@media (min-width: 1200px) { /* specific rules go here */ }

/* "extra large" screens */
@media (min-width: 1600px) { /* specific rules go here */ }