Learn HTML by Building a Cat Photo App - Step 16

HTML-CSS
1

**i am unable to insert the second section element at the right place"

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <section>
<section>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</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> 
   
  </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/105.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hey!
if you look at the hints, you should get an idea why your tests might be failing.
Screenshot from 2022-09-05 15-16-44

Nesting is when you add one element inside of another element like you’ve done:

<div>
    <button></button>
</div>

here, the button element is nested inside of the div but what you need to do is remove the outer section element add it right below the current remaining section element.

Hope this helps! :smile:

3

would you please use illustrative example have tried my best but all seems futile

4

okay so all you need to do is add a section element right after the current element instead of nesting it. for example:

// what you have right now:

<div>
    <button> </button>
</div>

// what you need to do.

<div>
</div>
<button>
</button>
3 Likes
5

thanks so much,that has helped for sure
i truly appreciate for your time

1 Like
7

Hey! please be kind to other members of the community. They are trying their best and take time out of their daily lives to help people on the forum which is not easy to do.

1 Like
8

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