Learn HTML by Building a Cat Photo App - Step 33

Tell us what’s happening:

Cant figure out why its not accepting my section syntax here.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
      </section>

<!-- User Editable Region -->

      <section>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
        <ul>
          <li>cat nip</li>
          <li>laser pointers</li>
          <li>lasagna</li>
        </ul>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        </figure>
        <h3>Top 3 things cats hate:</h3>
        <ol>
          <li>flea treatment</li>
          <li>thunder</li>
          <li>other cats</li>
        </ol>
        <figure>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        </figure>
       </section>
       <section>
      
      

<!-- User Editable Region -->

    </main>
  </body>
</html>

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 Edg/128.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 33

I’ll note that the prompt is to add a third section element after the second.

You have done the tags the wrong way round. You have put the closing tag for the section element first. Swap them round and it should pass. ETA - the closing tag is in fact your closing tag for the previous section. As Created Unique says, add a closing section tag next next to what you have done.

1 Like

Hello @tbartsctr !

It appears that only an opening tag has been entered into the code shown above.
Something I think most of us still do on occasion, and then shake our heads when we find it.

The section element requires both and opening and a closing tag, like you did for the one above it. Just add a closing section tag immediately behind the opening one you entered and the code will pass for you, I believe.

Wishing you good progress on your coding journey. :slightly_smiling_face:

1 Like