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