Technical Documentation Page - Build a Technical Documentation Page

The first child of each .main-section should be a header element.??

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>Technical Documentation Page</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <main id="main-doc">
      <section class="main-section" id="Introduction">
        <h1>Introduction</h1>
        <p></p>
        <p></p>
        <li></li>
        <li></li>
      </section>
      <section class="main-section" id="What_you_should_already_know">
        <h1>What you should already know</h1>
        <p></p>
        <p></p>
        <li></li>
        <li></li>
        <li></li>
      </section>
      <section class="main-section" id="JavaScript_and_Java">
        <h1>JavaScript and Java</h1>
        <p></p>
        <p></p>
      </section>
      <section class="main-section" id="Hello_World">
        <h1>Hello World</h1>
        <p></p>
        <p></p>
        <code></code>
      </section>
      <section class="main-section" id="Variables">
        <h1>Variables</h1>
        <p></p>
        <p></p>
        <code></code>
        <code></code>
        <code></code>
        <code></code>
      </section>
      <nav id="navbar"></nav>
    </main>
  </body>
</html>
/* 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/110.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

nest a header element on each section element and it should be the first child element of that section.

My header element

is inside the section element, right. It’s already nested inside.

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