Technical Documentation Page - Build a Technical Documentation Page

I do not understand this " Failed:All of your .main-section elements should be section elements."

Your code so far

Care Plan

<header>Customer Demographics</header>
 <header>Communication</header>
 <header>Mental/Physical Health</header>
<header>ADL</header>
</section>
<header>Mobility</header>
<header>Eating</header>
</section>
<!-- file: index.html -->
<main id="main-doc">
  <h1>Care Plan</h1>
  <section class-"main-section">

    <header>Customer Demographics</header>
  </section>
  <section class-"main-section">
    
     <header>Communication</header>
  </section>
  <section class-"main-section">
     
     <header>Mental/Physical Health</header>
  </section>
  <section class-"main-section">
    
    <header>ADL</header>
    </section>
  <section class-"main-section">
     
    <header>Mobility</header>
  </section> 
  <section class-"main-section"> 
   
    <header>Eating</header>
    </section>
  
</main>
  
/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

Hello there!
It seems like you put “-” instead of “=” to link the class attribute to its value.
It should be looking like this: class="main-section" :slight_smile:

Hello! :wave:

Whenever you are giving an element a class or id attribute for example, the correct syntax should contain = to name a given attribute.

For example,

<h1 id="title"><h1>

Hope this helps!

1 Like