Technical Documentation Page - Build a Technical Documentation Page

Please assist, all the tests related to anchor tags fail. The number of the anchor tags match everything I have below on section tag, also the anchor tags has the class nav-link, all are located within the nav tag as suggested in the question. I really dont know what I’m missing here.

Your code so far

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.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Technical Documentation</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <nav id="navbar">
      <ul>
      <header>JS Documentation</header>
        <li>
          <a clas="nav-link" href="#Introduction"> Introduction</a>
        </li>
        <li>
          <a clas="nav-link" href="#What_you_should_already_know"> What you should already know</a>
        </li>
        <li>
          <a clas="nav-link" href="#JavaScript_and_Java"> JavaScript and Java</a>
        </li>
        <li>
          <a clas="nav-link" href="#Hello_world"> Hello world</a>
        </li>
        <li>
          <a clas="nav-link" href="#Variables"> Variables</a>
        </li>
        <li>
          <a clas="nav-link" href="#Declaring_variables"> Declaring variables</a>
        </li>
        <li>
          <a clas="nav-link" href="#Variable_scope"> Variable scope</a>
        </li>
        <li>
          <a clas="nav-link" href="#Global_variables"> Global variables</a>
        </li>
        <li>
          <a clas="nav-link" href="#Constatnts"> Constatnts</a>
        </li>
        <li>
          <a clas="nav-link" href="#Data_types"> Data types</a>
        </li>
        <li>
          <a clas="nav-link" href="#if...else_statement"> if...else statement</a>
        </li>
        <li>
          <a clas="nav-link" href="#while_statement"> while statement</a>
        </li>
        <li>
          <a clas="nav-link" href="#Function_declarations"> Function declarations</a>
        </li>
         <li>
          <a clas="nav-link" href="#Reference"> Reference</a>
        </li>
      </ul>
    </nav>
    <main id="main-doc">
      <section class="main-section" id="Introduction">
        <header>Introduction</header>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </section>
      <section class="main-section" id="What_you_should_already_know">
        <header>What you should already know</header>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
         <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </section>
      <section class="main-section" id="JavaScript_and_Java">
        <header>JavaScript and Java</header>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
         <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </section>
      <section class="main-section" id="Hello_world">
        <header>Hello world</header>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
         <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </section>
       <section class="main-section" id="Variables">
        <header>Variables</header>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
         <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </section>
      <section class="main-section" id="Declaring_variables">
        <header>Declaring variables</header>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
         <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </section>
      <section class="main-section" id="Variable_scope">
        <header>Variable scope</header>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
         <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </section>
      <section class="main-section" id="Global_variables">
        <header>Global_variables</header>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
         <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </section>
      <section class="main-section" id="Constants">
        <header>Constants</header>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
         <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </section>
       <section class="main-section" id="Data_types">
        <header>Data types</header>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
         <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </section>
      <section class="main-section" id="if...else_statement">
        <header>if...else statement</header>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
         <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </section>
      <section class="main-section" id="while_statement">
        <header>while statement</header>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
         <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </section>
      <section class="main-section" id="Function_declarations">
        <header>Function declarations</header>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
         <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </section>
      <section class="main-section" id="Reference">
        <header>Reference</header>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
        <p></p>
         <code></code>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36 Edg/113.0.1774.35

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

1 Like

Hello!
I notice n the nav link, your a class in not spelled correctly. If this is the issue, that would possibly be why.

I would try that first.

2 Likes

Spelling , ,Thanks man.

2 Likes

You are welcome. Happy coding.

2 Likes

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