Tell us what’s happening:
I keep receiving these errors and after reviewing my code over and over I cant seem to find whats wrong any feedback is greatly appreciated.
ERRORS:
Each .main-section
should have an id
that matches the text of its first child, having any spaces in the child’s text replaced with underscores ( _
) for the id’s.
You should have a nav
element with an id
of navbar
.
Your #navbar
should have exactly one header
element within it.
All of your .nav-link
elements should be in the #navbar
The header
element in the #navbar
should come before any link ( a
) elements also in the #navbar
.
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”).
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 #navbar
should always be on the left edge of the window.
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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.64 Safari/537.36
Challenge: Build a Technical Documentation Page
Link to the challenge: