Confused as to why my main closing tag is not working

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>


 
 </body>
</html>
   **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15

Challenge: Step 5

Link to the challenge:

Your opening main element should be after the closing </h1> .

why is that because in the instructions it says </main> closing tag after the p element.

Yes the </main> closing tag should be after the </p> element, but the opening <main> tag should be after the closing </h1> tag.

oh thank you so much