Learn HTML by Building a Cat Photo App - Step 33

Tell us what’s happening:
Describe your issue in detail here.
ive entered to section elements but i dont know what has gone wrong
Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <section>
        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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>
     <section>
      <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>
    </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/106.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 33

Link to the challenge:

this whole section here is the 2nd section element.
You must add your code below it.
(that means on the line following the </section> of this element)

1 Like

i still dont understand because i have put what you are trying to say but its saying its wrong

Can you please specify what part of my answer you need further clarification on?

If you have changed your code, please post the new code.

Otherwise, please tell me how I can explain better to you. (by asking me something specific)

1 Like

sorry if i didnt make it clear, my bad but…im not understanding what you mean by the ‘second section’

i have completed it now thanks alot

1 Like

great I can do that.

If you click on the Restart Step button, then look at the editor, you will be presented with this code:

      <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>

This whole block of code is the ‘second section’.
We know this because it starts with <section> and ends with </section>
and it is the 2nd time in the index.html that we see this element, so it is the 2nd one.

They asked you to add a 3rd section after the 2nd.
This means you should go and add a new empty line after the
</section> of the 2nd section they presented to you in the editor, and create a new section element on that new line.

hope this helps

thank you for helping

1 Like