Technical documentation page project issues

HTML-CSS
1

I am a learner who is presently using freeCodecamp.org resources. So far, I have gone through the HTML and CSS classes and currently working on my projects. I am on the 4th project which is “Build a technical documentation page.” To the best of my ability I have completed this project, except that two of the tests would not pass even when I have done what was required.

The first requires that 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. I have gone through my work carefully and can state that I have done this successfully.

The second requires that when a navbar element is clicked the page should navigate to the corresponding section of the “main-doc” element. I have also done this successfully, a proof being that when you click on any of my navbar elements you will be taken to the corresponding section of the “main-doc” element.

I don’t know why I have this problems. The situation has been very frustrating. Does anyone know what I should do? Here’s a link to the code: https://codepen.io/Cantus/pen/JjMLGYN

2

@Okwudili
welcome to the forum :people_hugging:
please provide a link to your code

1 Like
3

Here is a link to the code:

4

Hey @Okwudili!!!

I took a look at your code and you did a great job! Look very nice with a clean layout.

You did most everything right, but the tests are looking for some very specific criteria to be met.

TL,DR;

your nav id’s were placed on the headers and not the section elements, which is why it navigated like you were expecting but didn’t pass the tests.

Also, your section elements only had classes. Part of the criteria was for them to have ids that matched the inner-text of the header section.

If you’d like to see how I figured it out, I made a video to show you how I worked through the process of finding both of the issues. Hopefully it is helpful.

5

@Okwudili the challenge requires the links in the nav bar to navigate to the section tag and not the header tag , something like this

<section class = "main-section" id = "header_text">
  <header>
     header text
  </header>
</section>

Great job so far, your doing great.

6

Thank you very much. I very much appreciate your help.

7

Thanks my man @okibe

8

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