I am stuck learning help me

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

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

Challenge: Step 6

Link to the challenge:

You are not supposed to use the example code. It is just showing an example of child elements (li) nested inside a parent (ul) element.

It shows how the children are indented two spaces more to the right than the parent.

<parentElement>
  <childElement>
  </childElement>
</parentElement>

Reset the code, place your cursor at the left of each of the elements inside main and add two spaces in front of them.