Build a Technical Documentation Page

HTML-CSS
1

Technical Documentation Page - Build a Technical Documentation Page

System says I should link my a tags to each of my section, which I already did, where did I go wrong?

<!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>

System says I should link my a tags to each of my section, which I already did, where did I go wrong?

2

Hello!
Your id value should be the same like your a elements. Like if your a href is
<a href="#Chocolate_Cake">
than your section id will be <section id="Chocolate_Cake" >

1 Like
3

Hi @zuhameer6 thank you very much that worked bro. I owe lunch! Thanks!

4

You’re welcome. Happy coding!

1 Like
5

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