Learn HTML by Building a Cat Photo App - Step 17

Tell us what’s happening:
Describe your issue in detail here.

So, I’ve searched the entire forum searching for the answer, but either the answers weren’t clear or imperfect. So finally, what is really wrong with the code? What should the exact code format look like and what is the logic behind that format?
Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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/107.0.0.0 Safari/537.36 Edg/107.0.1418.62

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

Link to the challenge:

You are asked to add a new section element below the existing section element and not inside the existing section element.

1.) What you are doing.
<p>
  <p>
    
 </p>
</p>

2.) What you must be doing.
<p>
</p>
<p>
</p>