Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
my code isnt being recognized and i cant seem to find any issues within the code so i am not sure why it wont pop up on my “preview”, when i submit to run the test it just gives an error on every metric i.e. first one states i do not have a main element with an id of main-doc.

notice the code is no where near finished but i noticed this issue as soon as i finished my template for the site.
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>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="stylesheet" href="styles.css">
      <title>Technical Documentation Page</tile>
    </head>
    <body>
      <nav class="navbar">
        <header>JS Documentation</header>
        <ul>
          <li><a class="nav-link" href="#Introduction">Introduction</a></li>
          <li><a class="nav-link" href="#What_you_should_already_know">What you should already know</a></li>
          <li><a class="nav-link" href="#JavaScript_and_Java">JavaScript and Java</a></li>
          <li><a class="nav-link" href="#Hello_world">Hello world</a></li>
          <li><a class="nav-link" href="#Variables">Variables</a></li>
          <li><a class="nav-link" href="#Declaring_variables">Declaring variables</a></li>
          <li><a class="nav-link" href="#Variable_scope">Variable scope</a></li>
          <li><a class="nav-link" href="#Global_variables">Global variables</a></li>
          <li><a class="nav-link" href="#Constants">Constants</a></li>
          <li><a class="nav-link" href="#Data_types">Data types</a></li>
          <li><a class="nav-link" href="#if...else_statement">if...else statement</a></li>
          <li><a class="nav-link" href="#While_statement">while statement</a></li>
          <li><a class="nav-link" href="#Function_declarations">Function declarations</a></li>
          <li><a class="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>
          <ul>
            <li></li>
            <li></li>
          </ul>
        </section>
        <section class="main-section" id="What_you_should_already_know">
          <header>What you should already know</header>
          <p></p>
          <ul>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </section>
        <section class="main-section" id="JavaScript_and_Java">
          <header>JavaScript and Java</header>
          <p></p>
          <p></p>
          <p></p>
        </section>
        <section class="main-section" id="Hello_world">
          <header>Hello world</header>
          <p></p>
          <code></code>
          <p></p>
        </section>
        <section class="main-section" id="Variables">
          <header>Variables</header>
          <p></p>
          <p></p>
          <p></p>
        </section>
        <section class="main-section" id="Declaring_variables">
          <header>Declaring variables</header>
          <p></p>
          <p></p>
          <code></code>
          <p></p>
          <p></p>
          <code></code>
          <p></p>
          <p></p>
          <code></code>
          <p></p>
        </section>
        <section class="main-section" id="Variable_scope">
          <header>Variable scope</header>
          <p></p>
          <p></p>
          <code></code>
          <p></p>
          <code></code>
        </section>
        <section class="main-section" id="Global_variables">
          <header>Global variables</header>
          <p></p>
          <p></p>
        </section>
        <section class="main-section" id="Constants">
          <header>Constants</header>
          <p></p>
          <code></code>
          <p></p>
          <p></p>
          <p></p>
          <code></code>
          <p></p>
          <code></code>
        </section>
        <section class="main-section" id="Data_types">
          <header>Data types</header>
          <p></p>
          <ul>
            <li></li>
            <ul>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
              <li></li>
            </ul>
            <li></li>
          </ul>
          <p></p>
        </section>
        <section class="main-section" id="if...else_statement">
          <header>if...else statement</header>
          <p></p>
          <code></code>
          <p></p>
          <p></p>
          <code></code>
          <p></p>
          <code></code>
          <p></p>
          <code></code>
          <p></p>
          <code></code>
        </section>
        <section class="main-section" id="while_statement">
          <header>while statement</header>
          <p></p>
          <code></code>
          <p></p>
          <p></p>
          <p></p>
          <p></p>
          <p></p>
          <code></code>
          <p></p>
          <ul>
            <li></li>
            <li></li>
            <li></li>
          </ul>
          <p></p>
        </section>
        <section class="main-section" id="Function_declarations">
          <header>Function declarations</header>
          <p></p>
          <ul>
            <li></li>
            <li></li>
            <li></li>
          </ul>
          <p></p>
          <code></code>
          <p></p>
          <code></code>
          <p></p>
        </section>
        <section class="main-section" id="Reference">
          <header>Reference</header>
          <ul>
            <li></li>
          </ul>
        </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/106.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

Sometimes it can help if you run your HTML through a validator:

W3C HTML Validator

I think you’ll find an error in there that is causing the tests to fail.

i believe i just found it LOL was missing a ‘t’ in the title element insert face palm

A lot of times the browser can automatically fix HTML mistakes, but in this case that missing t in the closing </title> tag was apparently not fixable.

1 Like

ahh one day the world will be perfect but its not today! :slight_smile: appreciate your help and efforts!

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