Product landing page - tests not recognising flexbox

[amandavarella]

Hello!

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:

Product Landing Page

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

[miguelgiacobbe]

Hi, can you post your project link please?

[amandavarella]

Thanks for noticing! Here you go:

Product Landing Page

[miguelgiacobbe]

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

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

[amandavarella]

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?

[miguelgiacobbe]

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

[miguelgiacobbe]

if you delete from media query

.fcc_test_report {
    margin: 20px 0;
  }

it works…
why you added that?

[amandavarella]

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.

[amandavarella]

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

[miguelgiacobbe]

perfect! your welcome!