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

<html>
  <body>

<!-- User Editable Region -->

    <main>
      <h1>CatPhotoApp</h1>

     <section><h2><p><a>Cat Photos</a></p></h2></section>
      <!-- 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>

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

So, I am going to suggest you reset the lesson because a few things are a little messed up in your current code. Right now, when you start over the challenge gives you the following

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

    </main>

The directions as you to take the h2, the comment, the paragraph element, and the anchor element and put them in the section element. So, all you need to do is copy everything that the challenge tells you to move and just nest it in the section element. That would look similiar to this, but again you need to add everything the challenges asks you to add

<section>
  <p></p>
  <h2></h2>
</section>

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