Search code examples
htmlcssmedia-queries

How can I get my CSS media queries to work?

I can't get my CSS media queries to work. I've worked with them in the past and they worked for me, but on this particular site, they don't function. I added <meta name="viewport" content="width=device-width, initial-scale=1"> but it still doesn't work. this is my HTML and this is my only CSS media query @media and screen ( max-width: 700px ) {.header-image {display: none;}} Do you see a mistake somewhere? I'm pretty sure it will be something totally minor, but I spent hours trying to make it work and haven't been successful so far. Thanks a lot:)

Solution

  • The syntax of your code is wrong

    This is the valid media query

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