I can`t find the error reason in "Build a Technical Documentation Page"

I keep getting error messages for tests 8 and 19 and I would really need some advice please.
test 8:
Each .main-section should have an id that matches the text of its first child, having any spaces in the child’s text replaced with underscores (_) for the id’s.
test 19:
Each .nav-link should have text that corresponds to the header text of its related section (e.g. if you have a “Hello world” section/header, your #navbar should have a .nav-link which has the text “Hello world”).

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Technical Documentation</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./styles.css">
  </head>
  <body>
    <nav id="navbar">
      <header>topic of the technical documentation</header>
      <ul>
        <li><a class="nav-link" href="#Titlu_1">Titlu 1</a></li>
        <li><a class="nav-link" href="#Titlu_2">Titlu 2</a></li>
        <li><a class="nav-link" href="#Titlu_3">Titlu 3</a></li>
        <li><a class="nav-link" href="#Titlu_4">Titlu 4</a></li>
        <li><a class="nav-link" href="#Titlu_5">Titlu 5</a></li>
      </ul>
    </nav>
    <main id="main-doc">
          <section class="main-section" id="Titlu_1">
            <header>Titlu 1</header>
            <p>A</p>
            <p>B</p>
            <p>C</p>
          </section> 
          <section class="main-section" id="Titlu_2">
            <header>Titlu 2</header>           
            <p>D</p>
            <p>E</p>
            <p>F</p>
          </section> 
          <section class="main-section" id="Titlu_3">           
            <header>Titlu 3<header>                        
            <p>G</p>
            <p>H</p>
            <p>J</p>
            <p>K</p>
          </section>  
          <section class="main-section" id="Titlu_4">          
            <header>Titlu 4</header>                       
            <code>1</code>
            <code>2</code>
            <code>3</code>
            <code>4</code>
            <code>5</code>
          </section>   
          <section class="main-section" id="Titlu_5">           
            <header>Titlu 5</header>           
            <ul>
              <li>Argument1</li>
              <li>Argument2</li>
              <li>Argument3</li>
              <li>Argument4</li>
              <li>Argument5</li>
            </ul>
          </section>            
  </body>
</html>

What errors are you having?



I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like

sorry, my first time using the forum. I edited the exact error messages.

you have an error here

you also never closed </main>

Thank you for the answer. I resolved the tag issue but for the <header>Titlu 3<header> mention that you made I still don`t understand the problem. To me it seems to be correct.

So you usually write an element with two opening tags?

Mea culpa. I finally understood. And I was sure it is a syntax error but for the life of me i couldn’t see it. Thank you Ilenia for your patience.

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