Help with landing page test

Help with landing page test
0

#1

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!


#2

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.


#3

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; }

#4

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


#5

Thank you so much for your help and the resources!