Learn HTML by Building a Cat Photo App - Step 16

Tell us what’s happening:
Describe your issue in detail here.

Your code so far
i dont know what is element name for section seperating

<html>
  <body>

<!-- User Editable Region -->

    <section><main>
      <h1>CatPhotoApp</h1>

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

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

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

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

Link to the challenge:

The challenge is asking you to only nest the h2, the p, and the anchor tag. You are using the correct element name. Nesting would look like this

<section>
  <p>
  <img>
   <h3>
  </section>

As you can see I nested my p, img, h3 in the section element. You need to do the same thing, but for only the elements the challenge tells you. You can use this as an example.

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.