Media Queries

  • Media queries use an @media syntax
  • Define the conditions which a block of CSS applies
  • CSS inside a media query is NOT more specific
.shy-div {
    display: none;
}
@media (max-width: 550px) {
    .shy-div {
        display: block;
    }
}

8 / 22