Ive created what they want but still get it wrong

HTML-CSS
1

Tell us what’s happening: Step 6 asks me to add indent some sort of child element “A nested element is a child of its parent element. It should be indented two more spaces than its parent element to improve readability, like this” I’ve added the


    but dont understand how to improve upon this.

  **Your code so far**

<html>
<body>
  <h1>Cat Photo App</h1>
  <main>

    
  <h2>Cat Photos</h2>
  <!-- TODO: Add link to cat photos -->
  <p>Click here to view more cat photos.</p>



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



  </main>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.61 Safari/537.36

Challenge: Step 6

Link to the challenge:

2

Here’s an illustration

//without two spaces 
<main>
<p>child element</p>
<p>child element</p>
</main>

//with two spaces, press space bar twice to achieve this. 
<main>
  <p>child element</p>
  <p>child element</p>
</main>
3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.