Help with landing page test

Hey everyone, this is my first time posting! I’m loving FCC so far but I’m having a problem with passing the landing page test. More specifically, user story #14, which is as follows:

User Story #14: My product landing page should have at least one media query.

Here is the link to my pen:

Any help would be greatly appreciated, thanks in advance!

it means that you should use at least one media queries in you css.

media queries are used to add responsiveness to the css, google how to use them.

1 Like

Yes, thank you :slight_smile: I did… and it’s still not picking it up. I’m not sure what the problem is. I messed around a lot with it, but to no avail.

here’s a snippet of where I used it in my CSS:

header { position: fixed; top: 0; min-height: 75px; padding: 0px 20px; display: flex; justify-content: space-around; align-items: center; background-color: white; @media (max-width: 600px) { flex-wrap: wrap; }

that is not how to use @media
you are nesting it inside the header’s css.

here is some resources on how to use it:
W3 schools

1 Like

Thank you so much for your help and the resources!