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: