Skip to main content

4. Media Queries

@media (min-width: 600px) {
    h1{
        font-size: 15px;
    }
}

  • combine
@media (min-width: 600px) and (max-width: 900px) {
    /*styles for screes less than 600px and greater than 900px*/
}

  • Device
@Media screen(orientation: landscape) {
    /* Styles for landscape orientation*/
}