#heads-up #Product Landing Page tests bug

Dear all,

I built a product landing page and when I run my tests I get the following errors even if in the css file I have 5 different
@media queries and 6 flexbox (5 display: flex and 1 display: inline-flex).

#Layout

  • 2. My product landing page should have at least one media query.

No media queries detected : expected false to be true
AssertionError: No media queries detected : expected false to be true

3. My product landing page should utilize CSS flexbox at least once.

We do not detect a display property set to flex or inline-flex anywhere in your CSS : expected false to be true
AssertionError: We do not detect a display property set to flex or inline-flex anywhere in your CSS : expected false to be true.

I link the page of my GitHub where this project is available.
https://paoladmadd.github.io/FreeCodeCamp_Projects/Product-Landing-Page/Index.html

I noted that the tests pass if I use Safari browser, but not in Crome.

I’m getting the exact same bug… Did you manage to solve it in the end?

Yes I did.

1st use the test in a different browser. (Crome for me was working)
2nd make sure your project is on a live page, eg, GitHub platform.

Thank you, that’s really helpful! I’ll give this a go later tonight :smile:

This worked! As soon as I’d published the project on GitHub Pages and ran the tests again they all ran through no problem!

Thanks a lot for the help :smile: