Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
Hi! So I was coding this and I can’t figure out what I did wrong… like. This is the test that is not checked: Each .nav-link should have an href attribute that links to its corresponding .main-section (e.g. If you click on a .nav-link element that contains the text “Hello world”, the page navigates to a section element with that id).
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>
    <link href="styles.css" rel="stylessheet" />
    <meta charset="utf-8" />
    <meta width="width=device-width initial-scale=1.0" />
    </head>
    <title>
      HTML and CSS Documentation
      </title>
    <body>
    
        <nav id="navbar"><header>HTML and CSS Documentation</header>
      
        <ul><a class="nav-link" href="#Beginning_with_HTML">Beginning with HTML</a></ul>
        <ul><a class="nav-link" href="#Starting_with_CSS">Starting with CSS</a></ul>
        <ul><a class="nav-link" href="#Creating_with_HTML_and_CSS">Creating with HTML and CSS</a></ul>
        <ul><a class="nav-link" href="#Intermediate_HTML">Intermediate HTML</a></ul>
        <ul><a class="nav-link" href="#Intermediate_HTML">Intermediate CSS</a></ul>
        <ul><a class="nav-link" href="#Advanced_HTML">Advanced HTML</a></ul>
        <ul><a class="nav-link" href="#Advanced_CSS">Advanced CSS</a></ul>
        <ul><a class="nav-link" href="#Accesibility">Accesibility</a></ul>
        <ul><a class="nav-link" href="#Responsive_design">Responsive design</a>
        <ul><a class="nav-link" href="#Reference">Reference</a></ul></nav>

          <main id="main-doc">
        <section class="main-section" id="Beginning_with_HTML" alt="Beginning with HTML">
          <header>Beginning with HTML</header>
          <article>
          <p>Every HTML code should begin with: <code>< !DOCTYPE html ></code>
          </p>
         <p>And end with:
           <code>< /html ></code></p>
           <li>HTML is the most used code for sites.</li>
           <li>HTML stands for HyperText Markup Language</li>
          </article>
          </section>
        <section class="main-section" id="Starting_with_CSS" alt="Starting with CSS">
          <header>Starting with CSS</header>
          <li>CSS is the best way to desing your HTML page</li>
           <li>CSS provides easy to code design elements.</li>
          <p></p>
        </section>
        <section class="main-section" id="Creating_with_HTML_and_CSS" alt="Creating with HTML and CSS">
          <header>Creating with HTML and CSS</header>
          <a></a>
          <code></code>
          <p></P>
          <p></p>
        </section>
        <section class="main-section" id="Intermediate_HTML" alt="Intermediate HTML">
          <header>Intermediate HTML</header>
          <p></p>
        </section>
        <section class="main-section" id="Intermediate_CSS" alt="Intermediate CSS">
          <header>Intermediate CSS</header>
          <p></p>
          <code></code>
          <p></p>
          <p></p>
        </section>
        <section class="main-section" id="Advanced_HTML" alt="Advanced HTML">
          <header>Advanced HTML</header>
          <p></p>
          <p></p>
          <p></p>
          <p></p>
          <p></p>
        </section>
        <section class="main-section" id="Advanced_CSS" alt="Advanced CSS">
          <header>Advanced CSS</header>
          <p></p>
          <p></p>
          <code></code>
          <p></p>
        </section>
        <section class="main-section" id="Accesibility" alt="Accesibility">
          <header>Accesibility</header>
          <li></li>
           <li></li>
          <p></p>
          <p></p>
        </section>
        <section class="main-section" id="Responsive_design" alt="responsive design">
          <header alt="responsive design">Responsive design</header>
          <p></p>
          <p></p>
          <p></p>
          <p></p>
        </section>
        <section class="main-section" id="Reference" alt="reference">
          <header>Reference</header>
          <p><a href="freecodecamp.com">freecodecamp.com</a></p>
          <p><a href="https://ro.wikipedia.org/wiki/HyperText_Markup_Language">wikipedia.com</a></p>
          <p></p>
          <p></p>
          <p></p>
        </section>
        </main>
      </body>

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

The nav link for this is missing

1 Like

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