Technical Documentation Page - Build a Technical Documentation Page

HTML-CSS
1

Tell us what’s happening:

I need help understanding why #5 and #7 are not passing.

Your code so far

<!-- file: index.html -->
<main id="main-doc">



  <section class="main-section" > 
              <nav id="navbar"><header id="1_header"> <a class="nav-link">1 header<a></nav>

     <p>Paragraph one.</p>
     <p>Paragraph two.</p>
     <p>This is my programming code.</p>
     <code>1 2 3 4 5</code>
 </section>

    <section class="main-section" > 
       <header id="2_header">2 header </header>
       <p>Paragraph three.</p>
       <p>Paragraph four.</p>
            <p>This is my programming code.</p>
     <code>1 2 3 4 5</code>
     <li> 1 </li>
     <li> 2 </li>
     <li> 3 </li>
     <li> 4 </li>
     <li> 5 </li>
        <nav id="navbar"><header> <a class="nav-link">2 header</a></header></nav>
    
       </section>

      <section class="main-section" > 
         <headerid="3_header">3 header </header>
         <p>Paragraph five.</p>
         <p>Paragraph six.</p>
              <p>This is my programming code.</p>
     <code>1 2 3 4 5</code>
          <nav id="navbar"><heahder> <a class="nav-link">3 header</a></header></nav>
         </section>

        <section class="main-section" >  <header id="4_header">4 header </header>
        <p>Paragraph seven.</p>
        <p>Paragraph eight.</p>
             <p>This is my programming code.</p>
     <code>1 2 3 4 5</code>
          <nav id="navbar"><header> <a class="nav-link">4 header</a></header></nav>
        </section>

          <section class="main-section" >  <header id="5_header">5 header </header>
          <p>Paragraph nine.</p>
          <p>Paragraph ten.</p>
               <p>This is my programming code.</p>
     <code>1 2 3 4 5</code>
          <nav id="navbar"><header> <a class="nav-link">5 header</a></header></nav>
          </section>

/* 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/128.0.0.0 Safari/537.36

Challenge Information:

Technical Documentation Page - Build a Technical Documentation Page

2

Welcome back to the forum @ljoyclifford

    1. The first child of each .main-section should be a header element.

The first element nested in the .main-section element needs to be a header element.

  • Failed:7. All of your .main-section elements should have an id.

The id attribute needs to go inthe main-section element, currently it is in the header element.

Also, the convention is that id attribute values do not start with a number.

Happy coding

2 Likes