Responsive web design, building a cat photos app, HTML 5

HTML-CSS
1

In HTML 5, building a cat photos app step 6, to get passed, I had to indent the h1 element twice in the main element whereas I had to indent the others (h2, comment and p- elements) 6 times. I don’t understand why it’s so. If we are nesting the others into the h1, shouldn’t that be 4 times?

2

hi and welcome to the forum.

For step 6 of the cat photo app, you are given originally this code:

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
    <p>See more cat photos in our gallery.</p>
    </main>
  </body>
</html>

The correct indentation this step required was to add exactly 2 spaces to the line which has the p. This would make the p element in-line with the others inside of main.

2 Likes