Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

I cannot get past step 4 and 12. I have looked at several videos and articles, but can’t find an answer.
By all accounts, I should pass, but these two steps don’t work.
Below, you’ll see the step and what I’ve worked on.
Some is abridged.

Step 4: Each section element with the class of main-section should also have an id that corresponds with the text of each header contained within it. Any spaces should be replaced with underscores (e.g. The section that contains the header “JavaScript and Java” should have a corresponding id="JavaScript_and_Java")

My code:

First Section Second Section Third Section FourthSection Fifth Section

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

My code:

nav id=“navbar”>
div class=“divider”>
Main Header
ul>
li>First Section
li>Second Section
/ul>
/nav>
div class=“content”>

2

hello and welcome to fcc forum :slight_smile:

it’s always better to have a sandbox environment for assignments like this, its easier to understand and offer help, happy learning :slight_smile:

3

(post deleted by author)

4

What is a sandbox environment?

5

services such as “codepen/repl”

6

Is this it?

I’ve never heard of any of those sites.

7

yeah :grinning:

thanks for sharing, i’ll have a look, thanks :slight_smile:

8

also add this code on top of your html code and select “documentation project” from dropdown and run “test suit”
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
and follow along those “failed test” currently there are"3" failed test, go through test error messages and try to solve them :slight_smile:

9

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.