Am stacking in user story number #5 , i need you help please?

HTML-CSS
1

this are my codes https://codepen.io/Hosea-john/pen/JjrVGQw

2

These:

         <li><a class="nav-link" href="features.html" > FEATURES</a></li>
        <li><a class="nav-link" href="how it works.html" >HOW IT WORKS</a></li>
        <li><a class="nav-link" href="pricing.html" >PRICING</a></li>
        <li><a class="nav-link" href="customers.html">CUSTOMERS</a></li>

are not valid hrefs.

Also,
I’m confused - you have two nav sections?

You also have and error here:

    <div class="icon><i class=""></i>

that first class is missing a closing quote, causing a bunch of parsing errors.

3

With regards to the failing test:

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

It’s trying to point you to the problem.

4

sorry can you please explain for me more , i havent understod!

5

Hello @hosea076,

The test that doesn’t pass is the following one: "When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page.’"

So, look well how are defined your anchors into your nav. Remember, to do an anchor who redirect you to an element of your page, the syntax is as following:

<a href="#footer">Bring me to the footer</a>
<!-- Your page code -->
...
<footer id="footer"></footer>

If you don’t understand well the anchor part, you should check again the courses about it and the challenges. For the moment, your links bring to other HTML files, when actually it should be in the same file.

Also, check well how you name your file:

<a class="nav-link" href="how it works.html" >HOW IT WORKS</a>

You cannot put spaces, it should be named for example:

  • how_it_works.html
  • how-it-works.html
  • howItWorks.html

This is just to inform you, in all the case it is not what you need in this project. Hope it is clearer :wink:

6

thanks , thats was helpful!

7

Happy you succeeded :wink:

8

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