Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Hello! I have checked my code 1000 times line per line and I copy and paste my code to Bard, and chat gtp but bout of the AI can not find a mistake on the code according to the instructions for the challenge but I still get 2 mistakes, (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.) ( 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”).)
if some one can check my code and tell me what is wrong because I can not see the mistakes thank you very much (https://codepen.io/luis-lucas/pen/YzRaBXR)

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 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

Hi there and welcome to our community!

It looks like your code was too long to be ported over automatically when the post was created.

Please post your full code, by inserting it between two sets of triple backticks. You can do this manually or use the Preformatted Text tool (</> icon or CTRL+e) to create the backticks for you.

1 Like
3

Sorry, didn’t see your codepen link.

There is a typo here. Fix it and your code will pass:

<section class="main-section" id="French_appropriation_of_European_recipes">
        <header>French appropiation of European recipes</header>
4

Thank you for pointing out the typo in the header of the section “French_appropriation_of_European_recipes”. I have corrected the typo and the code is now correct. it nearly drive me crazy I was only checking the code and not the rest of the content

I appreciate your help, thank you

5

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