## Responsive Page Layouts

CSS media query:

    /* extra small "xs" (no query needed) */

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

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

    /* lg screens */
    @media (min-width: 1264px) { /* specific rules go here */ }

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