Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:

This is sowing on my project

  • Each .nav-link should have text that corresponds to the header text of its related section (e.g. if you have a “Hello world” section/header, your #navbar should have a .nav-link which has the text “Hello world”).

  • Failed:Each .nav-link should have an href attribute that links to its corresponding .main-section (e.g. If you click on a .nav-link element that contains the text “Hello world”, the page navigates to a section element with that id).

Your code so far

WARNING

The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.

You will need to take an additional step here so the code you wrote presents in an easy to read format.

Please copy/paste all the editor code showing in the challenge from where you just linked.

Replace these two sentences with your copied code.
Please leave the ``` line above and the ``` line below,
because they allow your code to properly format in the post.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Please post a link to codepen or repl.it with your code.

You may also want to tell us what you have tried to solve this so far.

Some corrections are needed:

href="#Synatx">Synatx</a></li>
              :point_up_2:t4:  (spelling)
	<section class="main-section" id="Indentation">	
		<header id="Indentation">

id value for each element should be unique (but here you have the same one for both)

You have the same duplicate id in other places as well, so you should fix those.

Hope this helps.

1 Like