Technical documentation page project on Responsive Web Design

HTML-CSS
1

My code just woldnt pass the test number 8 about id’s matching the texts of their first child and cant seem to figure out whats wrong. below is a copy of my code can anyone help me with that please?

<html lang='en'>
  <head>
    <meta charset='utf-8'>
    <title>Google setttings</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <main id='main-doc'>
      <section class='main-section' id='google_settings'>
       <header>Google setttings</header>
        <p>settings are a necessary part of a web page</p>
       </header>
      
      </section>
      <section class='main-section' id='you_and_google'>
       <header>You and Google</header>
         <p>Sync and personalize Chrome across your devices</p>
     
      </section>
      <section class='main-section' id='autofill_and_passwords'>
        <header>Autofill and passwords</header><p>Includes information like phone numbers, email addresses, and shipping addresses</p>
        
      </section>
      <section class='main-section' id='privacy_and_security'>
        <header>Privacy and security</header>
        <p>Security settings</p>
         <p>Security</p>
          <p>privacy</p>
           <p>passwords</p>
        </section>
      <section class='main-section' id='performance'>
       <header>Performance</header>
        <p>Moderate performance</p>
      
      </section>
      <section class='main-section' id='appearance'>
       <header>Appearance</header>
        <p>Adjust appearance</p>
      
      </section>
      <section class='main-section' id='search_engine'>
        <header>Search engine</header><p>search</p>
       
      </section>
    </main>

  </body>
</html>
2

Hi @emmyrik

You have a typo.

I edited your post so the code correctly formats on the forum.

For next time, you could use the following method to post code to the forum:

  1. On a separate line type three back ticks.
  2. On a separate line paste your code.
  3. On the last line type three back ticks. Here is a single back tick `

Happy coding

1 Like
3

thank you. it worked.

1 Like