Learn HTML by Building a Cat Photo App - Step 17

HTML-CSS
1

Tell us what’s happening:

I have followed the same method as shown in forum, to add a new section in an existing section. but still not able to proceed further

Your code so far

<html>
  <body>
    <main>

<!-- User Editable Region -->

      <h1>CatPhotoApp</h1>
        <main>    
        <section>
          <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>
      </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/126.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 17

1 Like
2

Hi and welcome to the forum.

I see you added a nested section element. It is nested in the first section element you had from before.

However, the instructions asked you to place the new section element after (or below) the first one.
That means you need to place the opening and closing tags of the new section element in a new line after the closing tag of the first section element.