Build a Technical Documentation Page

HTML-CSS
1 

I did what was asked of me I don't understand where i went wrong, please help?![Technical Documentation Page - Build a Technical Documentation Page](https://forum.freecodecamp.org/t/technical-documentation-page-build-a-technical-documentation-page/610480)
type or paste code here
``     <nav id="navbar">
        <header>Technical Documentation Page</header>
        <a class="nav-link" href="document">Document</a>
        <a class="nav-link" href="javascript">JavaScript</a>
        <a class="nav-link" href="python">Python</a>
        <a class="nav-link" href="mysql">MySQL</a>
        <a class="nav-link" href="mongodb">MongoDB</a>
      </nav>`
2

Hi @malvo

Please post your full code so the forum can assist.

3 
type or paste code here
```  <!DOCTYPE html>
<html lang="en">
  <head>
    <title></title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <main id="main-doc">
      <nav id="navbar">
        <header>Technical Documentation Page</header>
        <a class="nav-link" href="#Document">Document</a>
        <a class="nav-link" href="#JavaScript">JavaScript</a>
        <a class="nav-link" href="#Reason_Why">Reason Why</a>
        <a class="nav-link" href="#Progress">Progress</a>
        <a class="nav-link" href="#Conclusion">Conclusion</a>
      </nav>
      <section id="document" class="main-section">
        <header>Document</header>
        <p></p>
        <p></p>
        <code></code>
        <ul>
          <li></li>
        </ul>
      </section>
      <section id="javascript" class="main-section">
        <header>JavaScript</header>
        <p></p>
        <p></p>
        <code></code>
        <ul>
          <li></li>
        </ul>
      </section>
      <section id="reason_why" class="main-section">
        <header>Reason Why</header>
        <p></p>
        <p></p>
        <code></code>
        <ul>
          <li></li>
        </ul>
      </section>
      <section id="progress" class="main-section">
        <header>Progress</header>
        <p></p>
        <p></p>
        <code></code>
        <ul>
          <li></li>
        </ul>
      </section>
      <section id="conclusion" class="main-section">
        <header>Conclusion</header>
        <p></p>
        <p></p>
        <code></code>
        <ul>
          <li></li>
        </ul>
      </section>
    </main>
  </body>
</html>
4

Hi @Teller I created a new topic please help!

5

Hi @malvo

The casing of the href attribute needs to match that of the ```id```` attribute.

Consider using h1 or h2 elements for the headings.

Finally you need to add one @media query.

Happy coding

6

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