Build a technical page

<!DOCTYPE html>
<html lang="en">
  <header>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS Documentation</title>
    <link rel="stylesheet" href="styles.css">
  </header>
  <body>
    <main id="main-doc">
      <section class="main-section" id="introduction">
        <header>
          <h1>Introduction</h1>
        </header>
        <div>
          <p></p>
        </div>
      </section>
      <section class="main-section" id="what_you_should_already_know">
        <header>
          <h1>What you should already know</h1>
        </header>
          <div>
            <p></p>
          </div>
      </section>
      <section class="main-section" id="javascript_and_java">
        <header>
          <h1>Javascript and Java</h1>
        </header>
          <div>
            <p></p>
          </div>
      </section>
      <section class="main-section" id="hello_world">
        <header>
          <h1>Hello World</h1>
        </header>
          <div>
            <p></p>
          </div>
      </section>
      <section class="main-section" id="reference">
        <header>
          <h1>Reference</h1>
        </header>
          <div>
            <p></p>
          </div>
      </section>

    </main>
  </body>
</html>

I was writing a technical documentation page for my assessment but it is saying the header elements are empty. Please what am I doing wrong

we can’t see your code. You must enclose the code inside three back ticks or use the code formatter in the editor (which is an icon that looks like this </>
```
all code enclosed here
```

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 (').

You should use a head element to contain your meta, title and link elements, not a header element.

<!DOCTYPE html>
<html lang="en">
  <header>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JS Documentation</title>
    <link rel="stylesheet" href="styles.css">
  </header>

This is a likely source of the error message.