Learn HTML by Building a Cat Photo App - Step 6

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 -->
  <p>Click here to view more cat photos.</p>
  </main>
    <main>
            <h2> This `li` element indented </h2>
          <p> This `li` element is also indented </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/103.0.0.0 Safari/537.36

Challenge: Learn HTML by Building a Cat Photo App - Step 6

Link to the challenge:

1 Like

at step 6

i dont understand what to do here
please help with good explanation, i am entirely new to coding.

In the previous step, you nested the h2 element, comment, and p element within the main element. Indenting nested elements two more spaces than their parent element improves readability:

<ul> 
  <li> This `li` element indented </li>
  <li> This `li` element is also indented </li>
</ul>

Add two more spaces in front of the h2, comment, and p elements so your HTML is more readable.

Hi.

You’ve added an extra main element, h2 and p element. You do not need to do this.

You need to add two spaces using your space bar before the existing h2, p and comment.

1 Like

please i still don’t get it

thanks though.

Wow!!! I just did, thanks

1 Like