Product landing page 3rd project

  • 5. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’

The .nav-link with href=“portfolio” is not linked to a corresponding element on the page : expected null to not equal null AssertionError: The .nav-link with href=“portfolio” is not linked to a corresponding element on the page : expected null to not equal null at Proxy.c (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:549:1889) at Proxy.l (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:431:130) at Function.n.isNotNull (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:574:1549) at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:657:138055 at NodeList.forEach () at a. (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:657:137861) at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:38668 at i.g.run (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:38963) at N.runTest (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:45686) at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:46651

  • 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 at o. (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:549:14996) at o.e (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:425:182) at Reflect.get () at Object.e [as get] (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:92:1382) at Function.n.isTrue (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:574:1222) at a. (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:657:141867) at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:38668 at i.g.run (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:38963) at N.runTest (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:45686) at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:46651

please help me see whats wrong in my code!

Hi @georgie1 !

You will get more responses if you post your codepen link so we can see your code.

Can you explain to us what issue you are having with those error messages?

When I read those error messages, it says you don’t have any media queries and your nav links don’t go to different sections on the page.

I’m afraid…my coding skills rather look like a two year old

No one will judge you here.
We are nice people. :grinning:


For user story 5, when I click on the portfolio nav link I get a 404 error message.
The reason why you are getting the error message is because you wrote this

href="portfolio"

You are missing the # before the word portfolio. You want to target the id of portfolio.

You have the same issue with the href="mystory"

Once you fix those nav link hrefs then that test will pass and your links will work properly.

For the other user story about no media queries, you forgot to close out your header selector in the css.

header {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 19px;
  padding: 25px 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: black;
  opacity: 0.7;

Once you fix that then you should get 16/16

thank you soo much mam, you made my day

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