Technical Documentation Page - Build a Technical Documentation Page

I cant seem to figure out what I’m doing wrong. It’s asking me to link each .nav-link with the id for each of my sections and it seems that I’ve done that but I can’t get that checkpoint finished. Any suggestions? TIA.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">

<head>
  <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>JS Documentation</header>
      
      <a class="nav-link" href="Introduction">Introduction</a>
      
      <a class="nav-link" href="What_you_should_already_know">What you should already know</a>
      
      <a class="nav-link" href="JavaScript_and_Java">JavaScript and Java</a>
      
      <a class="nav-link" href="Hello_World">Hello World</a>
      
      <a class="nav-link" href="Variables">Variables</a>

      
    </nav>
  
  <section class="main-section" id="Introduction">
    <header>Introduction</header>

    <p></p>
    <p>
      <li>
      </li>
    </p>

    <code></code>

  </section>
  
  <section class="main-section" id="What_you_should_already_know">
    <header>What you should already know</header>

    <p></p>
    <p>
      <li>
      </li>
    </p>

    <code></code>

  </section>

  <section class="main-section" id="JavaScript_and_Java">
    <header>JavaScript and Java</header>

    <p></p>
    <p>
      <li>
      </li>
    </p>

    <code></code>

  </section>

  <section class="main-section" id="Hello_World">
    <header>Hello World</header>

    <p></p>
    <p>
      <li>
      </li>
    </p>

    <code></code>

  </section>

  <section class="main-section" id="Variables">
    <header>Variables</header>

    <p></p>
    <p>
      <li>
      </li>
    </p>

    <code></code>

  </section>

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

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Yeah, all your href attributes are missing something.
Try to remember, how hrefs should look like, when you are making links to the stuff on the same page.

1 Like

It was missing the # I realise now. Thank you so much :slight_smile: