Technical Documentation Page project

Hi I have passed 11 of tests for this project just cant figure out this 5 that are left, here is a link to my project:, any examples of what I need to do to pass these would be great please.

3. The first element within each .main-section should be a element which contains text that describes the topic of that section.

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. The id may include special characters if there are special characters in the respective innerText. (e.g. The that contains the header, “JavaScript & Java”, should have a corresponding id=“JavaScript_&_Java”).

10. Additionally, the navbar should contain link () elements with the class of “nav-link”. There should be one for every element with the class “main-section”.

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

13. When I click on a navbar element, the page should navigate to the corresponding section of the “main-doc” element (e.g. If I click on a “nav-link” element that contains the text “Hello world”, the page navigates to a element that has that id and contains the corresponding .

Thank you.

I found it helpful to look through a dozen or more examples of others work when I did these projects. Both for styling inspiration as well as to see how others structure their code. If it’s helpful to look through a passing example feel free to check my codepen out:

1 Like

@hatbearingoctopus thank you :slight_smile:

this just saved my day thanks alot just discovered new stuff

I can’t figure out what’s run with my markup. Everything is according to plan; it looks like yours, but I still can’t pass two tasks.