Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

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

Your code so far

  <h1>CatPhotoApp</h1>

  <section><h2>Cat Photos</h2>
  <!-- TODO: Add link to cat photos -->
  <section><p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p></section>
  <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>

<html>
  <body>

<!-- User Editable Region -->

    <main>
      <h1>CatPhotoApp</h1>

      <section><h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <section><p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p></section>
      <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/116.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hello and welcome to the community!

I suggest resetting the step and placing the opening and closing section element tags where the spaces (line above and line below) the content to be nested appear.

Notice how the code is presented at the start of the step with space for them in the instructions.

Keep up the good progress!