Product landing page - tests not recognising flexbox


So, I am working on the Product Landing Page project, trying to make the test 15 to pass.

User Story #15:** My product landing page should utilize CSS flexbox at least once.

I’ve added the flex style to the hero section, and it seems to be working. But, the test is not passing.

Can you please help me figure out what’s happening?

Here is the link to my pen:

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:97.0) Gecko/20100101 Firefox/97.0

Challenge: Build a Product Landing Page

1 Like

Hi, can you post your project link please?

1 Like

Thanks for noticing! Here you go:

for me the only test that didn’t pass is:

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

Humm… thanks for showing to me this way of seeing the tests. Pretty handy.

I have a media query though:

@media screen and (max-width: 480px) {
  .fcc_test_report {
    margin: 20px 0;

What might be wrong?

yes you’re right,
that’s strange give me some time to try to solve it…

if you delete from media query

.fcc_test_report {
    margin: 20px 0;

it works…
why you added that?

Thanks! It works! I just copied from the example page. Mindlessly! So thanks for noticing.

Now, there’s another weirdness. It says that my navbar testing is failing.

But as you can see, I’ve added the position for the navbar.
Interestingly enough, on your tests, this wasn’t failing.

Sorted! It was an extra - on the navbar id name.
Thanks for your help today!!!

1 Like

perfect! your welcome!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.