Learn HTML by Building a Cat Photo App - Step 17

Tell us what’s happening:
Describe your issue in detail here. They keep saying The second section element should not be nested in the first section element. What should I do

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

Link to the challenge:

Reread the challenge again, pick out the keywords telling you where exactly you should put the new <section>.

the problem you’re having is that you have nested the new section element into the old one.
The exercise never asked for this.
Instead they wanted the new section element to be below the old one.

So to fix:
Click on the Restart Step button
Find the bottom line of the section element, which looks like this </section>
then add a new line beneath it
Place your new section element in the empty line you added.

done.

Thank you so much. I really did not read the question well, I passed the challenge

1 Like

No worries, good job on completing the challenge nonetheless!