Technical Doc Project - Failing #4

Code Feedback
1

I am failing User Story #4 on the Techincal Documentation Project, but I do not understand why.
User Story #4: Each section element with the class of main-section should also have an id that corresponds with the text of each header contained within it. Any spaces should be replaced with underscores (e.g. The section that contains the header “JavaScript and Java” should have a corresponding id="JavaScript_and_Java" ).

My section IDs are correctly named I think. The caps match the caps in the titles and I don’t have any spaces. Can someone tell me why this is failing?

Thanks for any help!
https://codepen.io/guitarcode/pen/gOOjqQJ

2

This is the test says

Not all elements with the class 'main-section' have a <header> element as a first element child : expected 0 to equal 5

Try this…

<section id="main-section">
  <header>
    <h2>Title</h2>
  </header>
 Te content...
</section>
1 Like
3

Thanks, adding the header tag was what worked. I thought heading was sufficient. I did keep the id as the title and main-section as the class for this solution.

Thanks again.