Search code examples
cssresponsive-designmedia-queries

CSS media queries: max-width And max-height


I want to use AND condition in media query. I use the the following code, but it didn't works

@media screen and (max-width: 995px AND max-height: 700px) {
}

Solution

  • It's missing close and open parenthesis before and after the Logical Operator

    @media (max-width: 995px) and (max-height: 700px) { ... }