Landing Page - HELP

I started my landing page yesterday; everything seems fine, except that I do not see anything after , I already checked all my notes but can’t tell what’s wrong. Any help is highly appreciated
Here is the link: https://codepen.io/Ceci0912/pen/yLYRvzN

When I run you code through the test suite, I see 3 errors. Those errors are telling you what is wrong. True, they aren’t always clear, but that is part of web dev sometimes.

After you run the tests, press on the red “Test 13/16” button to see the errors. The first error:

  1. 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="#" is not linked to a corresponding element on the page : expected null to not equal null
    AssertionError: The .nav-link with href="#" is not linked to a corresponding element on the page : expected null to not equal null

That is telling you that the href="#" doesn’t point to anything. The problem is with this line:

   <a class="nav-link" href="#">Store</a>

What id do you want that to point to? The id for “store” already exists several lines down:

     <section id="store">
        <h2 class="h2">Store</h2>

So, how do you tell that anchor to point to that id? You did it correctly with the other nav buttons.

The second problem is an id put in the wrong place.

The third problem is a little more complicated. You should be able to figure out what is problem is, but it may take a little work to find a solution.

See if you can figure them out. If you can’t check back with us and we’ll try to steer you in the right direction.

Thank you so much! I fixed it. BUT, I might need help once again: https://codepen.io/Ceci0912/pen/yLYRvzN
Thank you again!

1 Like