Technical Documentation Question

In one of of the steps, I am asked to have an id that matches the first child of the section element with the spaces being replaced with underscores (_) for the id.
My code is below and I did as the step says and did my best along with it, I would appreciate it if anyone can guide me to complete this step.

  **Your code so far**
/* file: index.html */
<main id="main-doc">
<section class="main-section" id="Introduction">
  <header>Introduction</header>
</section>
<section class="main-section" id="About_Software_Engineering">
  <header>About Software Engineering</header>
</section>
<section class="main-section" id="Task_as_an_Engineer">
  <header>Tasks as an Engineer</header>
</section>
<section class="main-section" id="Drawbacks_as_a_SWE">
  <header>Drawbacks as a SWE</header>
</section>
<section class="main-section" id="Salary_and_Compensation">
  <header >Salary and Compensation</header>
</section>
</main>
/* file: styles.css */

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:101.0) Gecko/20100101 Firefox/101.0

Challenge: Build a Technical Documentation Page

Link to the challenge:

1 Like

Please post all your HTML, we need to see the links. Does your links href and text content match as well?

I have similar issue but mine is the header tag for the sections…it won’t pass