I have written the request correctly but the program does not let it pass. Help me

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

  **Your code so far**
<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
   <ul>
     <li><h2>Cat Photos</h2></li>
  <li><!-- TODO: Add link to cat photos --></li>
 <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.0.0 Safari/537.36

Challenge: Step 6

Link to the challenge:

You weren’t asked to wrap the lines in ul and ui elements, you were just asked to adjust the indenting.

<ul> 
  <li> Child Element 1 </li>
  <li> Child Element 2 </li>
</ul>

This is just an example of how nested elements look, So the <ul></ul> is the parent element and the <li></li> is the child of the <ul></ul>, That mean any element inside another element is his child

Here the span is a sibling for div so the will start from the same column

<div>Content here</div>
<span>Content here</span>

But if the span is inside the div that mean the span is the child of the div so we need to add two spaces bewfore the span element to make the code readable, because the span is a child of the div they don’t start from the same column.

Wrrong:
<div>
<span>Content here</span>
</div>
Correct:
<div>
  <span>Content here</span>
</div>
1 Like