Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

hello guys!!
my question was i didn’t understand how to replace underscore for id
i tried this but until now i don’t get the write answer.
read this that i confused with
Each .main-section should have an id that matches the text of its first child, having any spaces in the child’s text replaced with underscores (_) for the id’s.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>technical documentation</title>
    <link rel="stylesheet" href="styles.css">
    <link name="viewport" content="width=device-width,initial-scale=1.0">
  </head>
  <body>
<main id="main-doc">
  <section class="main-section" id="Introduction_">
    <header>Introduction</header>
    </section>
     <section class="main-section" id="What you should already know_">
       <header>What you should already know</header>
  </section>
   <section class="main-section" id="Javascript_and_java">
     <header>Javascript and java</header>
   </section>
    <section class="main-section" id="Hello world_">
      <header>Hello worlds</header>
      </section>
    <section class="main-section" id="Variable_">
      <header>Variable</header>
           </section>
</main>
  </body>
  </html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

1 Like
2

Great work! The ‘section’ tag with the 'id=“Javascript_and_java” is done perfect. You need to copy this format. Some of your ‘id=’ have an ‘’ at the end of it which is not required. If it is one word you do not need any '’ . In some of the other ‘id=’ you are missing ‘_’ between the words.

Any day way to remember is to type it out normally and then when you look at it go back to the spaces and replace with and underscore. Happy coding!

1 Like