Responsive Page Layouts

CSS media query:

/* Small screens; no query needed */
/*



*/

/* Larger phone/tablet screens */
@media (min-width: 576px) { /* specific rules go here */ }

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

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

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