I am confused in step 6 so what did i need to do

**Tell us what’s happening: i am confused in step 6 so what did i need to do

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
 <main>
  <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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Step 6

Link to the challenge:

Hi! What you have to understand is something called ‘indentation’, which refers to the space from the left side of the code editor and the code lines (I hope it’s clear).

Example of NO indentation:

<div>
<h1>No indentation code</h1>
<p>This code is not so readable</p>
<ul>
<li>First element of a list</li>
<li>Second element of a list</li>
<li>Third element of a list</li>
</ul>
</div>

Example of indentation:

<div>
  <h1>Code with indentation</h1>
  <p>This is more readable</p>
  <ul>
    <li>First element of a list</li>
    <li>Second element of a list</li>
    <li>Third element of a list</li>
  </ul>
</div>