Hi; Almost completed the Tech Doc page assignment (of course not so flashy) get following errors that fail:
- 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”).
In my code I have it declared as below:
<section=“main-section” id=“JavaScript_and_Java”>
JavaScript and Java
-
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”).
-
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
All except nav-links “What you should already know” and “Javascript and Java” don’t work - the reason is mostly due to the above I guess?
- Also; when I view this codepen project on a mobile; the Navigation bar and the main doc both overlay each other and this looks highly unprofessional; not sure if the media query declared works?
My Codepen URL: https://codepen.io/rajgorakshay/pen/GRZjBGx