I've been trying to add the </main> closing tag to my work but it keeps saying error. I need help please

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

  **Your code so far**
<html>
<body>
  <h1><main>CatPhotoApp</h1>
  <h2>Cat Photos</h2>
  <!-- TODO: Add link to cat photos -->
  <p>Click here to view more cat photos.</p></main>
  </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/102.0.0.0 Safari/537.36

Challenge: Step 5

Link to the challenge:

Your opening main is inside your h1 block. Blocks should not partially overlap, ever. They are either siblings or children. This is a hierarchy, not a Venn diagram of intersections and unions.

<!-- broken, overlapping -->
<element1>
<element2>
</element1>
</element2>

<!-- OK, they're siblings -->
<element1>
</element1>
<element2>
</element2>

<!-- OK, they're parent/child -->
<element1>
  <element2>
  </element2>
</element1>

Also, you have two closing main tags.

Thank you very much… I’ve been able to correct my mistake