Need Help With Media Queries on Product Landing Page

Hey everyone! I’ve been working on my product landing page, and at first my media queries seemed to be working but then they stopped and I can’t figure out why. Would any of you mind taking a look at my code and helping me figure out what the issue is? Thank you so much!


  • Codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link.
    • The one for CSS is good. Use it and address the issue(s).

Oh those typo’s.

1 Like

This was very helpful! Thank you!

1 Like

Glad to have helped.

On a side note, while the codepen validator for CSS is good, the one for HTML misses a lot of things. For that I tell people to use the W3C validator.

I am having the same issue. When I have it analyze CSS it says there is no problems, but when I run the test script it is saying “No media queries detected : expected false to be true
AssertionError: No media queries detected : expected false to be true”

I can’t figure out how to fix it!

Hi @charles.d.suitt!

If you are experiencing an issue with a project it would be better to create a new topic and ask your question there. That way we can see your code and better assist you.

Thank you! I just got it to work fine with switching browsers.
I appreciate the advice for next time though!