## 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 */ }