Learn HTML by Building a Cat Photo App - Step 17

HTML-CSS
1

i dunno whats wrong
how to not nest the second section element in the first section element

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>

<!-- User Editable Region -->

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

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

2 Likes
3

I see you edited the post to include your question, thank you for that. Can you post the link to the challenge here? That way we can see what the exact requirement for the challenge you are on

4

The problem is that you inserted the section yourself by placement of the opening tag and the closing tag

opening tag - opening tag -closing tag - closing tag will put the second section inside the first.
opening tag -closing tag -opening tag - closing tag will put one behind the other

2 Likes
5

I also made the error you made when I was in Cat Photo App Step17 and I thought I was right.
What you need to do is reset the challenge and insert the second section after the first section’s closing tag.
Hope it works :smile:

6

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