Build a Cat Photo App - Step 6

HTML-CSS
1

Tell us what’s happening:

I’m confused with this code. I just don’t know what to do here. Help solve it so that I can move pass it. I

html>

CatPhotoApp

Cat Photos

Everyone loves cute cats online!

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

   <p>Everyone loves cute cats online!</p>

<!-- User Editable Region -->

    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/146.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 6

2

Your p element is not indented enough, 8 spaces or 2 tabs will help!

1 Like
3

Hi @npomo33,

Please check the instructions one more time — they’re actually very clear. They simply say:

In the previous step, you put the h1, h2, comment, and p elements inside the main element. This is called nesting. Nested elements should be placed two spaces further to the right of the element they are nested in. This spacing is called indentation and it is used to make HTML easier to read.

Here is an example of nesting and indentation:

 <main>
   <h1>Most important content of the document</h1>
   <p>Some more important content...</p>
 </main>

The h1 element, h2 element, and the comment are indented two spaces more than the main element in the code below. Use the space bar on your keyboard to add two more spaces in front of the p element so that it is indented properly as well.

1 Like
4

Hi budddy, See here this is the given code here.

<main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
    <p>Everyone loves cute cats online!</p>
</main>

Here you can see directly that h1, h2 and comment line does start from the same line but the p tag is little bit away so you need to make it put the start from the same start, to make all the start from the same point is known as indentation

This all you need to do here.

Hope You Understand.