Technical Documentation Page - Build a Technical Documentation Page

Tell us what’s happening:
When I run the code, the output says that " The first child of each .main-section should be a header element." Could anyone tell me what I missed in the code?
Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <main id="main-doc">
      <nav id="navbar">
        <header class="maintitle">
          Tennis Equipment
        </header>
        <a class="nav-link" href="#Ball" id="firstlink">Ball</a>
        <a class="nav-link" href="#Racket">Racket</a>
        <a class="nav-link" href="#Grip">Grip</a>
        <a class="nav-link" href="#Clothes">Clothes</a>
        <a class="nav-link" href="#Shoes">Shoes</a>
      </nav>
      <section class="main-section" id="Ball">
        <header class="title">Ball</header>
        <p>A tennis ball is a ball designed for the sport of tennis. Tennis balls are fluorescent yellow in organised competitions, but in recreational play can be virtually any color. Tennis balls are covered in a fibrous felt which modifies their aerodynamic properties, and each has a white curvilinear oval covering it.</p>
        <p>Modern tennis balls must conform to certain criteria for size, weight, deformation, and bounce criteria to be approved for regulation play.</p>
        <li>The International Tennis Federation (ITF) defines the official diameter as 6.54–6.86 cm (2.57–2.70 inches). Balls must have masses in the range 56.0–59.4 g (1.98–2.10 ounces). Yellow and white are the only colors approved by the ITF, and most balls produced are a fluorescent yellow known as "optic yellow", first introduced in 1972 following research demonstrating they were more visible on television.</li>
        <code><a href="google.com">Learn more<a></code>
      </section>
      <section class="main-section" id="Racket">
        <header class="title">Racket</header>
        <p>A racket, or racquet, is a sports implement used for striking a ball or shuttlecock in games such as squash, tennis, racquetball, badminton and padel.</p>
        <p>In the strictest sense a racket consists of a handled frame with an open hoop across which a network of strings is stretched tightly. Some rackets may have a solid or perforated hitting surface instead of a network of strings. Such rackets may be called a paddle or bat. Collectively, these games are known as racket sports.</p>
        <li>Catgut has partially been replaced by synthetic materials including nylon, polyamide, and other polymers. Rackets are restrung when necessary, which may be after every match for a professional. Despite the name, "catgut" has never been made from any part of a cat.</li>
        <code><a href="google.com">Learn more<a></code>
      </section>
      <section class="main-section" id="Grip">
        <header class="title">
          Grip
        </header>
        <p>In tennis, a grip is a way of holding the racquet in order to hit shots during a match. The three most commonly used conventional grips are: the Continental (or "Chopper"), the Eastern and the Semi-Western. Most players change grips during a match depending on what shot they are hitting.</p>
        <p>In order to understand the grips, it is important to know that the handle of a racquet always consists of 8 sides or, in other words, it has an octagonal shape. A square shape would hurt the hand, while a round shape would not give enough friction to gain a firm grip.</p>
        <li>If the blade of the racquet is perpendicular to the ground, the bevel facing up is bevel #1. For the right-handed, rotating the racquet counter-clockwise (i.e. exposing to the ground more of the forehand hitting side) the next bevel facing up is bevel #2, and so on to identify all 8 bevels. Symmetrically, for the left-handed the bevel numbering is obtained rotating the racquet clockwise.</li>
        <code><a href="google.com">Learn more<a></code>
      </section>
      <section class="main-section" id="Clothes">
        <header class="title">
          Clothes
        </header>
        <p>A polo shirt, tennis shirt, golf shirt, or chukker shirt is a form of shirt with a collar. Polo shirts are usually short sleeved but can be long; they were used by polo players originally in India in 1859 and in Great Britain during the 1920s.</p>
        <p>Polo shirts are usually made of knitted cotton (rather than woven cloth), usually a piqué knit, or less commonly an interlock knit (the latter used frequently, though not exclusively, with pima cotton polos), or using other fibers such as silk, wool, synthetic fibers, or blends of natural and synthetic fibers. A dress-length version of the shirt is called a polo dress.</p>
        <li>In the 19th and early 20th centuries, tennis players ordinarily wore "tennis whites" consisting of long-sleeved white button-up shirts (worn with the sleeves rolled up), flannel trousers, and ties. This attire presented problems for ease of play and comfort</li>
        <code><a href="google.com">Learn more<a></code>
      </section>
      <section class="main-section" id="Shoes">
        <header class="title">
         Shoes
        </header>
        <p>Sneakers (also called trainers, athletic shoes, tennis shoes, gym shoes, kicks, sport shoes, flats, running shoes, or runners) are shoes primarily designed for sports or other forms of physical exercise, but which are now also widely used for everyday casual wear.</p>
        <p>Since their popularization by companies such as Converse, Nike and Spalding in the mid 20th century, they have become attire, with variety growing in many global markets exponentially. Like other parts of the global clothing industry, manufacture of shoes is heavily concentrated in Asia with nine in ten shoes produced in that region.</p>
        <li>Contemporary sneakers are largely made from synthetic materials, and the materials and manufacturing process produce, on average, about 14 kg (31 lb) of CO2 emissions.</li>
        <code><a href="google.com">Learn more<a></code>
      </section>
    </main>

  </body>
</html>

Your browser information:

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

Challenge: Technical Documentation Page - Build a Technical Documentation Page

Link to the challenge:

you have some html syntax errors, so I would suggest first fixing these to see if by doing that, the test passes.
Here’s an online html validator you can use for this:

Copy your html into it and try to fix the errors and let us know if this helps or not once the errors are all fixed.

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