Free code camp challenge # 4 Technical document

1

Trying to get objective # 12 complete, which reads:
" User Story #12: Each element with the class of nav-link should contain text that corresponds to the header text within each section (e.g. if you have a “Hello world” section/header, your navbar should have an element which contains the text “Hello world”). "

This is the error I get:
" Check that these headers have corresponding .nav-link elements and be mindful of case! : LOREM IPSUM DOLOR,ALIQUAM POSUERE QUIS,DUIS SED ODIO,ALIQUAM AUCTOR AUGUE,IN UT ELIT : expected 5 to equal 0
AssertionError: Check that these headers have corresponding .nav-link elements and be mindful of case! : LOREM IPSUM DOLOR,ALIQUAM POSUERE QUIS,DUIS SED ODIO,ALIQUAM AUCTOR AUGUE,IN UT ELIT : expected 5 to equal 0 "

I’ve checked, double checked, and triple checked all my ID tags to make sure they are exactly the same in the nav-link navbar element as they are in the header tag of each section. This is driving me insane, lol.

ANY SUGGESTIONS!?!?!? thanks in advance for any help!

Here’s my code:

MAIN TOPICS
  • lorem ipsum dolor
  • aliquam posuere quis
  • 1
  • 2
  • 3
  • 4
  • 5
  <header>lorem ipsum dolor</header>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at nisi faucibus, elementum ante non, dapibus magna. Praesent aliquam venenatis lorem ullamcorper dapibus. Sed ut lectus mi. Nullam eget tortor suscipit, posuere lacus at, aliquet felis. Aliquam erat volutpat. Duis et urna consequat, dapibus eros sed, placerat metus. Praesent nibh nisl, consequat eu eleifend id, porttitor ut nulla. Fusce tincidunt ullamcorper augue id fringilla. Etiam in nibh vitae sem mollis dapibus.</p>
      <code> x+y=z</code>
    <p></p>
      <code> x+y=z</code>
</section>

<br>

<section class="main-section" id="aliquam_posuere_quis">
  <header>aliquam posuere quis</header>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut at nisi faucibus, elementum ante non, dapibus magna. Praesent aliquam venenatis lorem ullamcorper dapibus. Sed ut lectus mi. Nullam eget tortor suscipit, posuere lacus at, aliquet felis. Aliquam erat volutpat. Duis et urna consequat, dapibus eros sed, placerat metus. Praesent nibh nisl, consequat eu eleifend id, porttitor ut nulla. Fusce tincidunt ullamcorper augue id fringilla. Etiam in nibh vitae sem mollis dapibus.</p>
        <ul>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
  <li>10</li>
</ul>  
    <p></p>
</section>
2

Hi @joel.birdsall if I understand your issue correctly, the problem is that you don’t have element in your document.

For example my navigation bar looks like this:

<nav>
 <ul>
<li>Menu</li>
<li>Test</li>
</ul>
</nav>
3

Some of my code didn’t copy correctly, sorry, still new at this.

But thanks for the reply! Here’s the beginning of my code:

  <li><a class="nav-link" href="#DISCS"></a>DISCS</li>
  <li><a class="nav-link" href="#FLIGHT"></a>FLIGHT</li>
  <li><a class="nav-link" href="#BASKETS"></a>BASKETS</li>
  <li><a class="nav-link" href="#PARKS"></a>PARKS</li>
  <li><a class="nav-link" href="#NATURE"></a>NATURE</li>
4

Also, I can’t get my code to past in properly. It seems to want to actually execute some of the code and display other parts as is.

5

Figured it out!!! my closing tags needed to be after the text instead of before