Technical Documentation Page: Confusing Test Result

Tell us what’s happening:
[ 4. Each element with the class of “main-section” should also have an id comprised of the innerText contained within it, with underscores in place of spaces]

  • while I made what I am asked to do.

[ 7. The .main-section elements should contain at least 5 li items total]

  • while I have 6 li elements.

[ 12. Each element with the class of “nav-link” should contain text that corresponds to the text within each ]

  • while I made what I am asked to do.

  • Actual result 13/16.

  • Should I rebuild a simplest page like I did in Tribute project ?

  • Also I was asked to insert header element in the navbar, I inserted one like whatever it could be, but in my point of view, there is no need to insert a header in the navbar, if not please explain why should I implement a header with a title in the navbar which already has its sections titles???

Thank you for your support.

Your code so far
https://codepen.io/i-tech/pen/KKdNRwM

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.122 Safari/537.36 Edg/81.0.416.64.

Challenge: Build a Technical Documentation Page

Link to the challenge: