Pls how to make my #navbar element have exactly one header?

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**
/* file: index.html */
<main id="main-doc">
<section class="main-section" id="Introduction"><header>Introduction</header><p></p><code></code><li></li><nav id="navbar"><header><a class="nav-link" href="Introduction">Introduction</a></header></nav></section>
<section class="main-section" id="What_you_should_already_know"><header>What you should already know</header><p></p><code></code><li></li><nav id="navbar"><header><a class="nav-link" href="What_you_should_already_know">What you should already know</a></header></nav></section>
<section class="main-section" id="JavaScript_and_Java"><header>JavaScript and Java</header><p></p><code></code><li></li><nav id="navbar"><header><a class="nav-link" href="JavaScript_and_Java">JavaScript and Java</a></header></nav></section>
<section class="main-section" id="Hello_world"><header>Hello world</header><p></p><code></code><li></li><nav id="navbar"><header><a class="nav-link" href="Hello_world">Hello world</a></header></nav></section>
<section class="main-section" id="Variables"><header>Variables</header><p></p><code></code><li></li><nav id="navbar"><header><a class="nav-link" href="Variables">Variables</a></header></nav></section>
<section class="main-section" id="Declaring_variables"><header>Declaring variables</header><p></p><code></code><li></li><nav id="navbar"><header><a class="nav-link" href="Declaring_variables">Declaring variables</a></header></nav></section>
<section class="main-section" id="Variable_scope"><header>Variable scope</header><p></p><code></code><li></li><nav id="navbar"><header><a class="nav-link" href="Variable_scope">Variable scope</a></header></nav></section>
<section class="main-section" id="Global_variables"><header>Global variables</header><p></p><code></code><li></li><nav id="navbar"><header><a class="nav-link" href="Global_variables">Global variables</a></header></nav></section>
<section class="main-section" id="Constants"><header>Constants</header><p></p><code></code><li></li><nav id="navbar"><header><a class="nav-link" href="Constants">Constants</a></header></nav></section>
<section class="main-section" id="Data_types"><header>Data types</header><p></p><code></code><li></li><nav id="navbar"><header><a class="nav-link" href="Data_types">Data types</a></header></nav></section>
  <section class="main-section" id="if...else_statement"><header>if...else statement</header><p></p><code></code><li></li><nav id="navbar"><header><a class="nav-link" href="if...else_statement">if...else statement</a></header></nav></section>
    <section class="main-section" id="while_statement"><header>while statement</header><p></p><code></code><li></li><nav id="navbar"><header><a class="nav-link" href="while_statement">while statement</a></header></nav></section>
      <section class="main-section" id="Function_declarations"><header>Function declarations</header><p></p><code></code><li></li><nav id="navbar"><header><a class="nav-link" href="Function_declarations">Function declarations</a></header></nav></section>
        <section class="main-section" id="Reference"><header>Reference</header><nav id="navbar"><header><a class="nav-link" href="Reference">Reference</a></header></nav><p></p><code></code><li></li></section>
        <section class="main-section" id="navbar"><header>navbar</header>
        <nav id="navbar"><header><a class="nav-link" href="navbar">navbar</a></header></nav>
</main>
/* file: styles.css */

  **Your browser information:**

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

Challenge: Build a Technical Documentation Page

Link to the challenge:

Why do you have more than one <nav id="navbar>? You only need one of them per user story #8. The nav bar will have links to the sections. Instead you have created a nav bar within each section. This is not what you are supposed to do.

1 Like

thank you sir, I appreciate