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: