Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
I’m struggling to pass this section " 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." Please help

Your code so far

<!DOCTYPE html>
<html> 
<head>
  <link rel="stylesheet" href="styles.css">
    </head>
    <body> 
    <nav id="navbar">
       <header><h1>Forest Documentation<h1></header>
       <a class="nav-link" href="#Introduction">Introduction</a>
       </br>
       <a class="nav-link" href="#What_the_Forest_App_does">What the Forest App does</a>
       </br>
       <a class="nav-link" href="#The_worthiness_of_it">The worthiness of it</a>
       </br>
       <a class="nav-link" href="#Cost">Cost</a>
       </br>
       <a class="nav-link" href="#How_it_works">How it works</a>
         </nav>
         </br>

      <main id="main-doc">
         <ul>
           <li><section class="main-section" id="Introduction">
          <header>Introduction</header>
       <article>
         <p></p>
         <p></p>
       </article>
       <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
      <ul>
        <li>With a five- star rating after more than 1,700 reviews, it's safe to say the Forest app has helped plenty of people put down their phones and be more productive. If you're looking for a way to stay focused and stop procrastinating, the Forest app might be able to help you out.</li>
        <li>Before, being offline and focused was the temporary mode. Forest app is a way to manage this temporary state. You set a timer for 30 minutes, and you stay offline during that time.</li>
        <li>When you open Forest, the app plants a virtual tree that slowly grows on your screen, but it'll die the moment you close the app to do something else. It works offline and encourages users to stay off their phones and be “in the moment.” Eventually, you'll grow an entire forest.</li>
        <li>To sum up the coin reward formula, for trees, you get 4 coins for basics, and for every 5 minute, you get 1 coin. If you exceed 25 minutes, than for every extra 30 minutes you get 5 coins</li>
        <li>Coins are material items which can be used for crafting bombs or to buy sodas or snacks at a vending machine in the laboratory, they were added in update v0. 01 of The Forest.</li>
        </ul>
</section>
     </br>
</li>
           <li><section class="main-section" id="What_the_Forest_App_does">
        <header>What the Forest App does</header>
        <article>
         <p>Forest is a popular productivity app that helps people beat their phone addiction and manage their time in an interesting and pleasant way. Users can earn credits by not using their cell phones and plant real trees around the world with the credits.</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p></section>
      </li>
           <li> <section class="main-section" id="The_worthiness_of_it">
        <header>The worthiness of it</header>
        <article>
         <p>I say its worth downloading The Forest App is to promote productivity , it works by you virtually planting a tree when you want to be productive. You leave the app open and work , while you do the tree will grow. However if you leave going onto other things, the tree will begin to die.
</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section></li>
           <li><section class="main-section" id="Cost">
        <header>Cost</header>
        <article>
         <p>The app is free on Android or £1.99 (Dh9) on iOS; it also comes as a browser for Chrome and Firefox. Once you've downloaded it to your phone, you just have to open it up whenever you want to focus on real life.</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section></li>
           <li><section class="main-section" id="How_it_works">
        <header>How it works</header>
        <article>
         <p>Forest team partners with a real-tree-planting organization, Trees for the Future, to plant real trees on Earth. When our users spend virtual coins they earn in Forest on planting real trees, Forest team donates to our partner and creates planting orders. See our sponsor page here .</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section>  </li>     
       </main>
      </body>
      </html>

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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36 Edg/84.0.522.52

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

I really suggest you pass your code through a code validator like this one: https://validator.w3.org/
Something like this will help if any of the tests fail because are confused by wrong syntax

One of the first things catched is

Where you have two opening <h1> but not a closed one.
Please work through the errors, if you need help in fixing those, or after you still have failing tests I will be happy to help you

I still get the same error even after I fixed my code

<!DOCTYPE html>
<html> 
<head>
  <link rel="stylesheet" href="styles.css">
    </head>
    <body> 
    <nav id="navbar">
       <header><h1>Forest Documentation</h1></header>
       <a class="nav-link" href="#Introduction">Introduction</a>
       </br>
       <a class="nav-link" href="#What_the_Forest_App_does">What the Forest App does</a>
       </br>
       <a class="nav-link" href="#The_worthiness_of_it">The worthiness of it</a>
       </br>
       <a class="nav-link" href="#Cost">Cost</a>
       </br>
       <a class="nav-link" href="#How_it_works">How it works</a>
         </nav>
         </br>

      <main id="main-doc">
         <ul>
           <li><section class="main-section" id="Introduction">
          <header>Introduction</header>
       <article>
         <p></p>
         <p></p>
       </article>
       <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
      <ul>
        <li>With a five- star rating after more than 1,700 reviews, it's safe to say the Forest app has helped plenty of people put down their phones and be more productive. If you're looking for a way to stay focused and stop procrastinating, the Forest app might be able to help you out.</li>
        <li>Before, being offline and focused was the temporary mode. Forest app is a way to manage this temporary state. You set a timer for 30 minutes, and you stay offline during that time.</li>
        <li>When you open Forest, the app plants a virtual tree that slowly grows on your screen, but it'll die the moment you close the app to do something else. It works offline and encourages users to stay off their phones and be “in the moment.” Eventually, you'll grow an entire forest.</li>
        <li>To sum up the coin reward formula, for trees, you get 4 coins for basics, and for every 5 minute, you get 1 coin. If you exceed 25 minutes, than for every extra 30 minutes you get 5 coins</li>
        <li>Coins are material items which can be used for crafting bombs or to buy sodas or snacks at a vending machine in the laboratory, they were added in update v0. 01 of The Forest.</li>
        </ul>
</section>
     </br>
</li>
           <li><section class="main-section" id="What_the_Forest_App_does">
        <header>What the Forest App does</header>
        <article>
         <p>Forest is a popular productivity app that helps people beat their phone addiction and manage their time in an interesting and pleasant way. Users can earn credits by not using their cell phones and plant real trees around the world with the credits.</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p></section>
      </li>
           <li> <section class="main-section" id="The_worthiness_of_it">
        <header>The worthiness of it</header>
        <article>
         <p>I say its worth downloading The Forest App is to promote productivity , it works by you virtually planting a tree when you want to be productive. You leave the app open and work , while you do the tree will grow. However if you leave going onto other things, the tree will begin to die.
</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section></li>
           <li><section class="main-section" id="Cost">
        <header>Cost</header>
        <article>
         <p>The app is free on Android or £1.99 (Dh9) on iOS; it also comes as a browser for Chrome and Firefox. Once you've downloaded it to your phone, you just have to open it up whenever you want to focus on real life.</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section></li>
           <li><section class="main-section" id="How_it_works">
        <header>How it works</header>
        <article>
         <p>Forest team partners with a real-tree-planting organization, Trees for the Future, to plant real trees on Earth. When our users spend virtual coins they earn in Forest on planting real trees, Forest team donates to our partner and creates planting orders. See our sponsor page here .</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section>  </li>     
       </main>
      </body>
      </html>

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

I still see all the errors of before, are you sure you changed something?

Yes I started with closing h1

<header><h1>Forest Documentation</h1></header>

Not in the last code you posted, so please post your updated code

<!DOCTYPE html>
<html> 
<head>
  <link rel="stylesheet" href="styles.css">
    </head>
    <body> 
    <nav id="navbar">
       <header><h1>Forest Documentation</h1></header>
       <a class="nav-link" href="#Introduction">Introduction</a>
       </br>
       <a class="nav-link" href="#What_the_Forest_App_does">What the Forest App does</a>
       </br>
       <a class="nav-link" href="#The_worthiness_of_it">The worthiness of it</a>
       </br>
       <a class="nav-link" href="#Cost">Cost</a>
       </br>
       <a class="nav-link" href="#How_it_works">How it works</a>
         </nav>
         </br>

      <main id="main-doc">
         <ul>
           <li><section class="main-section" id="Introduction">
          <header>Introduction</header>
       <article>
         <p></p>
         <p></p>
       </article>
       <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
      <ul>
        <li>With a five- star rating after more than 1,700 reviews, it's safe to say the Forest app has helped plenty of people put down their phones and be more productive. If you're looking for a way to stay focused and stop procrastinating, the Forest app might be able to help you out.</li>
        <li>Before, being offline and focused was the temporary mode. Forest app is a way to manage this temporary state. You set a timer for 30 minutes, and you stay offline during that time.</li>
        <li>When you open Forest, the app plants a virtual tree that slowly grows on your screen, but it'll die the moment you close the app to do something else. It works offline and encourages users to stay off their phones and be “in the moment.” Eventually, you'll grow an entire forest.</li>
        <li>To sum up the coin reward formula, for trees, you get 4 coins for basics, and for every 5 minute, you get 1 coin. If you exceed 25 minutes, than for every extra 30 minutes you get 5 coins</li>
        <li>Coins are material items which can be used for crafting bombs or to buy sodas or snacks at a vending machine in the laboratory, they were added in update v0. 01 of The Forest.</li>
        </ul>
</section>
     </br>
</li>
           <li><section class="main-section" id="What_the_Forest_App_does">
        <header>What the Forest App does</header>
        <article>
         <p>Forest is a popular productivity app that helps people beat their phone addiction and manage their time in an interesting and pleasant way. Users can earn credits by not using their cell phones and plant real trees around the world with the credits.</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p></section>
      </li>
           <li> <section class="main-section" id="The_worthiness_of_it">
        <header>The worthiness of it</header>
        <article>
         <p>I say its worth downloading The Forest App is to promote productivity , it works by you virtually planting a tree when you want to be productive. You leave the app open and work , while you do the tree will grow. However if you leave going onto other things, the tree will begin to die.
</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section></li>
           <li><section class="main-section" id="Cost">
        <header>Cost</header>
        <article>
         <p>The app is free on Android or £1.99 (Dh9) on iOS; it also comes as a browser for Chrome and Firefox. Once you've downloaded it to your phone, you just have to open it up whenever you want to focus on real life.</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section></li>
           <li><section class="main-section" id="How_it_works">
        <header>How it works</header>
        <article>
         <p>Forest team partners with a real-tree-planting organization, Trees for the Future, to plant real trees on Earth. When our users spend virtual coins they earn in Forest on planting real trees, Forest team donates to our partner and creates planting orders. See our sponsor page here .</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section>  </li>     
       </main>
      </body>
      </html>

this is still invalid tho, br is self closing, it can’t be a closing tag. It’s also a bad usage to use it to force spacing between elements, you should really use css for this

You never close the ul element also

Fixed the errors

<!DOCTYPE html>
<html> 
<head>
  <link rel="stylesheet" href="styles.css">
    </head>
    <body> 
    <nav id="navbar">
       <header><h1>Forest Documentation</h1></header>
       <a class="nav-link" href="#Introduction">Introduction</a>

       <a class="nav-link" href="#What_the_Forest_App_does">What the Forest App does</a>
 
       <a class="nav-link" href="#The_worthiness_of_it">The worthiness of it</a>
  
       <a class="nav-link" href="#Cost">Cost</a>
      
       <a class="nav-link" href="#How_it_works">How it works</a>
         </nav>
        
       <main id="main-doc">
         <ul>
             
<li><section class="main-section" id="Introduction">
          <header>Introduction</header>
       <article>
         <p></p>
         <p></p>
       </article>
       <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
</ul>
      <ul>
        <li>With a five- star rating after more than 1,700 reviews, it's safe to say the Forest app has helped plenty of people put down their phones and be more productive. If you're looking for a way to stay focused and stop procrastinating, the Forest app might be able to help you out.</li>
        <li>Before, being offline and focused was the temporary mode. Forest app is a way to manage this temporary state. You set a timer for 30 minutes, and you stay offline during that time.</li>
        <li>When you open Forest, the app plants a virtual tree that slowly grows on your screen, but it'll die the moment you close the app to do something else. It works offline and encourages users to stay off their phones and be “in the moment.” Eventually, you'll grow an entire forest.</li>
        <li>To sum up the coin reward formula, for trees, you get 4 coins for basics, and for every 5 minute, you get 1 coin. If you exceed 25 minutes, than for every extra 30 minutes you get 5 coins</li>
        <li>Coins are material items which can be used for crafting bombs or to buy sodas or snacks at a vending machine in the laboratory, they were added in update v0. 01 of The Forest.</li>
        </section></li>
          </ul>
         </ul>

<ul>
           <li><section class="main-section" id="What_the_Forest_App_does">
        <header>What the Forest App does</header>
        <article>
         <p>Forest is a popular productivity app that helps people beat their phone addiction and manage their time in an interesting and pleasant way. Users can earn credits by not using their cell phones and plant real trees around the world with the credits.</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p></section></li>
</ul>
      
<ul>
           <li> <section class="main-section" id="The_worthiness_of_it">
        <header>The worthiness of it</header>
        <article>
         <p>I say its worth downloading The Forest App is to promote productivity , it works by you virtually planting a tree when you want to be productive. You leave the app open and work , while you do the tree will grow. However if you leave going onto other things, the tree will begin to die.
</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section></li>
</ul>
<ul>
           <li><section class="main-section" id="Cost">
        <header>Cost</header>
        <article>
         <p>The app is free on Android or £1.99 (Dh9) on iOS; it also comes as a browser for Chrome and Firefox. Once you've downloaded it to your phone, you just have to open it up whenever you want to focus on real life.</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section></li>
</ul>
<ul>
           <li><section class="main-section" id="How_it_works">
        <header>How it works</header>
        <article>
         <p>Forest team partners with a real-tree-planting organization, Trees for the Future, to plant real trees on Earth. When our users spend virtual coins they earn in Forest on planting real trees, Forest team donates to our partner and creates planting orders. See our sponsor page here .</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section>  </li>    
</ul> 
       </main>
      </body>
      </html>

awesome! notice that this test doesn’t fail anymore!

It’s still failing even after fixing all the errors.

are you sure, have you checked spelling, if so could you send your updated code

Yes I did check the spelling.

<!DOCTYPE html>
<html> 
<head>
  <link rel="stylesheet" href="styles.css">
    </head>
    <body> 
    <nav id="navbar">
       <header><h1>Forest Documentation</h1></header>
       <a class="nav-link" href="#Introduction">Introduction</a>

       <a class="nav-link" href="#What_the_Forest_App_does">What the Forest App does</a>
 
       <a class="nav-link" href="#The_worthiness_of_it">The worthiness of it</a>
  
       <a class="nav-link" href="#Cost">Cost</a>
      
       <a class="nav-link" href="#How_it_works">How it works</a>
         </nav>
        
       <main id="main-doc">
         <ul>
             
<li><section class="main-section" id="Introduction">
          <header>Introduction</header>
       <article>
         <p></p>
         <p></p>
       </article>
       <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>

        <li>With a five- star rating after more than 1,700 reviews, it's safe to say the Forest app has helped plenty of people put down their phones and be more productive. If you're looking for a way to stay focused and stop procrastinating, the Forest app might be able to help you out.</li>
        <li>Before, being offline and focused was the temporary mode. Forest app is a way to manage this temporary state. You set a timer for 30 minutes, and you stay offline during that time.</li>
        <li>When you open Forest, the app plants a virtual tree that slowly grows on your screen, but it'll die the moment you close the app to do something else. It works offline and encourages users to stay off their phones and be “in the moment.” Eventually, you'll grow an entire forest.</li>
        <li>To sum up the coin reward formula, for trees, you get 4 coins for basics, and for every 5 minute, you get 1 coin. If you exceed 25 minutes, than for every extra 30 minutes you get 5 coins</li>
        <li>Coins are material items which can be used for crafting bombs or to buy sodas or snacks at a vending machine in the laboratory, they were added in update v0. 01 of The Forest.</li>
        </section></li>
          </ul>
         </ul>

<ul>
           <li><section class="main-section" id="What_the_Forest_App_does">
        <header>What the Forest App does</header>
        <article>
         <p>Forest is a popular productivity app that helps people beat their phone addiction and manage their time in an interesting and pleasant way. Users can earn credits by not using their cell phones and plant real trees around the world with the credits.</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p></section></li>
</ul>
      
<ul>
           <li> <section class="main-section" id="The_worthiness_of_it">
        <header>The worthiness of it</header>
        <article>
         <p>I say its worth downloading The Forest App is to promote productivity , it works by you virtually planting a tree when you want to be productive. You leave the app open and work , while you do the tree will grow. However if you leave going onto other things, the tree will begin to die.
</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section></li>
</ul>
<ul>
           <li><section class="main-section" id="Cost">
        <header>Cost</header>
        <article>
         <p>The app is free on Android or £1.99 (Dh9) on iOS; it also comes as a browser for Chrome and Firefox. Once you've downloaded it to your phone, you just have to open it up whenever you want to focus on real life.</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section></li>
</ul>
<ul>
           <li><section class="main-section" id="How_it_works">
        <header>How it works</header>
        <article>
         <p>Forest team partners with a real-tree-planting organization, Trees for the Future, to plant real trees on Earth. When our users spend virtual coins they earn in Forest on planting real trees, Forest team donates to our partner and creates planting orders. See our sponsor page here .</p>
         <p></p>
       </article>
        <p>
         <code>"Forest is an app helping you put down your phone and focus on what's more important in your life"</code></p>
       </section>  </li>    
</ul> 
       </main>
      </body>
      </html>

i see your html do you have any style css

when I tried your code before, that test was not failing anymore, instead there was a different one

ok, so here you have you select element you select elements id is Introduction your first child is a header element give the header element an id of Introduction because that is the id of its select holder. if your select element has an id with a space for example image left for the first child give it an id of image_left (under score for the space)

this code passes 

yes @Kagiso , your code passes for me.