## Responsive Web Design: CSS Media Query

Media queries can be used to include style sheets (`media` attribute) or in CSS rules (`@media` rule) or `@import` statement

Link to stylesheet

    <link rel="stylesheet"
      media="screen and (max-width: 992px)"
      href="site-large.css" />

CSS rule

    @media screen (min-width: 992px) {
      /* rules for large screens */

    }

- Responsive Web Design by Ethan Marcotte on A List Apart
- Live Example