HELP!----a Technical Documentation Page- I don't know what's wrong

[UniteAU]

I’ve tried my best to follow the instruction but my code won’t just pass this level. Since I don’t have anyone around me that can help me, please do your best to give me polite comments to fix it.

I genuinely don’t need any style or design tips or criticism since I’m very much focused on knowing what part of my code is wrong. I will style it better once i find out what is wrong.
Thank you in advance.

here is my code: https://codepen.io/U-T-the-builder/pen/VwqEWdL
Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

freeCodeCamp.org

[igorgetmeabrain]

You are failing the following two tests:

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”).

This doesn’t match:

<section class="main-section" id="Passion_Fruit">
        <header>Declaring variables</header>

This header shouldn’t have an underscore:

<section class="main-section" id="Personal_Thoughts">
        <header>Personal_Thoughts</header>

Fixing these should get your project to pass.

[UniteAU]

Thank you so much. I’m truly grateful.