Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Need help understanding what this means & what to do

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

Your code so far

<!-- file: index.html -->
<html>
<head>
<title>Technical Documentation Page</title>
<link rel="stylesheet" href="style.css">
  </head>
  <body>
     <header>
    <center><h1>Technical Documentation Page</h1></center>
    </header>

    <main id="main-doc">
      <section class="main-section" id="intro" name=".main-section">Ok</section>
      <section class="main-section" id="second" name=".main-section">oK</section>
      <section class="main-section" id="third" name=".main-section">Ok</section>
      <section class="main-section" id="fourth" name=".main-section">oK</section>
      <section class="main-section" id="fifth" name=".main-section">Ok</section>
      </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/118.0.0.0 Safari/537.36

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

2

Hello @pzak21 !

It means that the first elements below the .main- section should be header elements.

Here is an example of parent child using div.
Example
< div class="article">
< this opener> text < /this closer>
<h1>Cat Toys</h1>

```

The article is like the main-section

< this opener> is the equivalent of the header </this closer>

The instructions ask that this be done for each .main-section element.

Keep up the good progress!

2 Likes
3

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