Technical Document Project

Hello. My code passed all of the test but 12. I do not see what I am missing. The error make it appear it is looking for all caps but my id and text are the same. Any help will be greatly appreciated.

https://codepen.io/rightofzero/pen/wvvvOXX

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").
Check that these headers have corresponding .nav-link elements and be mindful of case! : WHAT IS HTML? : expected 1 to equal 0
AssertionError: Check that these headers have corresponding .nav-link elements and be mindful of case! : WHAT IS HTML? : expected 1 to equal 0
    at Proxy.c (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:549:1881)
    at Proxy.l (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:431:130)
    at Function.n.strictEqual (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:574:655)
    at a.<anonymous> (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:657:159218)
    at c (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:35224)
    at i.p.run (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:35154)
    at T.runTest (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:41723)
    at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:42605
    at o (https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:41019)
    at https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js:598:41088

o.assert.isAbove(e("nav-link").length,0,'No elements with the class "nav-link" have been defined ');var t=e("main-section").map(function(e){return e.firstElementChild.innerText.trim().toUpperCase()}),r=e("nav-link").map(function(e){return e.innerText.trim().toUpperCase()}),a=t.filter(function(e){return-1===r.indexOf(e)});o.assert.strictEqual(a.length,0,"Check that these headers have corresponding .nav-link elements and be mindful of case! : "+a+" ")

Deleting this: <span class="sr-only">(current)</span>
from inside this: <a href="#What_is_HTML?" class="nav-link">What is HTML?<span class="sr-only">(current)</span></a>
made it work.

I guess the test looks for only the “What is HTML?” text and will fail if anything else is present.

Thank you so much. I must have captured that when I was looking at the Bootstrap example.