Learn HTML by Building a Cat Photo App - Step 6

HTML-CSS
1

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

Step 6

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.

  **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/103.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hi! You just have to add two spaces in front of the h2 element, the comment, and the p elements, and it should work. Just ignore what the comment says in this challenge, your goal is just to add those two spaces.

3

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