Having issue applying my comment

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

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>  
    <h2>Cat photos<h2>
            <!-- TODO: Add link to cat photos --> 
    </h2>Cat photos</h2>
<ul>
  <li> Child Element 1 </li>
  <li> Child Element 2 </li>
</ul>
  <p>Click here to view more cat photos.</p>
  </main>
</body>
</html>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 9; Infinix X650B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.0.0 Mobile Safari/537.36

Challenge: Step 6

Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-6 am

The HTML example code in the instructions is just that, an example, and is not supposed to be used in your answer. You’ll want to restart the step to get the original HTML and formatting back since formatting is very important for this step. Then, the only thing you want to do is use your space bar to add two more spaces before the opening tag for each of the three children of main.