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 wide screen

responsive medium screen

responsive small screen