Learn HTML by Building a Cat Photo App - Step 6 indenting nested elements two more spaces than their parent element improves readability

HTML-CSS
1

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>
</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.134 Safari/537.36

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

Link to the challenge:

2

make sure the h2 and p elements are exactly 2 spaces in, the h2 is too far out

3

i don’t understand, how can i let 2 space between h2 and p ?

4

you need to shift those elements two spaces in from your main element

5

Hi! Welcome to the forum!
You’ve got the right idea but your spacing isn’t quite right.

The h2, comment and p element should be exactly two spaces from their starting positions. Your h2 is spaced further than your comment and p element.

If it’s easier, remove all the space to the left from the p, comment and h2 so they are against the left of the editable code box. Then press the space bar six times in front of each element.

7

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