Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Describe your issue in detail here.

   **Your code so far**
/* file: index.html */
<main id="main-doc"><body>
<section class="main-section" id="Roblox">
<header>Roblox</header>
<li></li>
<p>Roblox is a world-wide game which every smart/normal person knows about.                  </p>
<p>It is my favorite game, you should also try it.
</p>
<code></code>
 </section>
 <section class="main-section" id="Unsafe">
<header>Unsafe</header>
<li></li>
<p>Some people say its an unsafe game but it is nothing like that.   </p>
<p>
</p>
<code></code>
 </section>
<section class="main-section" id="Friends">
<header>Friends</header>
<li></li>
<p>You can add friends so you can chat with them and  make groups with lots of friends.</p>
<p>You can also play with friends all the games you want.</p>
<code></code>
 </section>
<section class="main-section" id="Games">
<header>Games</header>
<li></li>
<p>There are lots of games on Roblox, some are paid and some are free.</p>
<p>I like the free games and play them with friends.</p>
<code></code>
 </section>
<section class="main-section" id="Download">
<header>Download</header>
<li></li>
<p>You can easily download the game.</p>
<p>Either by google play or by microsoft, if you have an account.</p>
<code></code>
</section>
<nav id="navbar">
  <header>Great game</header>
  <li></li>
  <p>Over all I have no choice but to say it is a GREAT GAME AND IT IS FREE TO DOWNLOAD!!!</p>
  <a class="nav-link" href="Roblox">Roblox</a>
  <a class="nav-link" href="Unsafe">Unsafe</a>
  <a class="nav-link" href="Friends">Friends</a>
  <a class="nav-link" href="Games">Games</a>
  <a class="nav-link" href="Download">Download</a>
  </nav>
  <img src="https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/flyingtiger/120/279114_2.png" alt="Roblox">
 <p>questions/comments</p> <textarea placeholder="how do you download roblox..."></textarea>

</body>
 
 
</main>
/* file: styles.css */

   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

I keep trying to do the media query and the nav-link. it keeps saying “Each .nav-link should have an href attribute that links to its corresponding .main-section (e.g. If you click on a .nav-link element that contains the text “Hello world”, the page navigates to a section element with that id).”

these href are all missing a character to be able to bring to the various .main-section

It works great . Thank you