Media Types


@media only screen and (min-width: 576px) {
  /** add styles here **/
}

Media Types

  • Indicates what type of media the query will be using. Screen tells the browser the query will be used by a computer or mobile device

  • The only keyword indicates that this query will be only be for the screen media type and no other

While we will just be using the screen media type, you can see a list of all available media types here