Can't find the errors in technical documentation project (responsive web design))

1

Hi everyone! I’m on the Technical Documentation Project challenge in Codepen, and running the FCC Test Suite I get 2 errors, but I just can’t see where the mistakes are. It says the errors are regarding the headers in each main-section but as far as I can see everything seems fine in the HTML part. Can you help me? Thanks!
This is the codepen for my project.

2

Welcome, zerounodos.

Where your issues are:

<section class="main-section" id="To_The_Fullest" <header>
      <h1>To The Fullest</h1>
      </header>

It is a simple fix, and everything after that works. Well done.

1 Like
3

You can press on 14/16 to see what you are not passing.
In your case these are your issues:

  1. The first element within each .main-section should be a <header> element which contains text that describes the topic of that section.
    Not all elements with the class 'main-section' have a <header> element as a first element child
  1. Each <section> element with the class of “main-section” should also have an id comprised of the <header> innerText contained within it, with underscores in place of spaces. The id may include special characters if there are special characters in the respective <header> innerText. (e.g. The <section> that contains the header, “JavaScript & Java”, should have a corresponding id="JavaScript_&_Java").
    Not all elements with the class 'main-section' have a <header> element as a first element child
4

Thank you so much. So easy to miss…

5