Add two spaces in front of the three child elements of main so your HTML is more readable

Tell us what’s happening:
I’m being told to " Add two spaces in front of the three child elements of main so your HTML is more readable." I’m also seeing “Your h2 element should be below the main element’s opening tag and its opening tag should start 6 spaces over from the start of the line.” May I please see an example of what 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>
  <ul> 
    <li> Child Element 1 </li>
    <li> Child Element 2 </li>
  </ul>

  
</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.114 Safari/537.36 Edg/103.0.1264.49

Challenge: Step 6

Link to the challenge:

You should not paste in this code you found somewhere.

This the original code

<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>

You should put your cursor to the left of the h2, comment, and p elements and literally press the space bar twice to move the elements over to the right.

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