Learn HTML by Building a Cat Photo App - Step 16

Tell us what’s happening:
Describe your issue in detail here.
How do i solve this code it keep on saying the second section element should not be nested in the first one.

  **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 (iPad; CPU OS 15_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) CriOS/98.0.4758.97 Mobile/15E148 Safari/604.1

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

Link to the challenge:

Hi Aisha,

Your second is directly inside the first one. You need to close the first element and then add another one after the closing tag. That should fix your issue.

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