I don't understand what should do

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

  **Your code so far**
  <h2> Cat Photos </h2>
  <!--  TODO: Add link to cat photos -->
  <p> Click here to view more cat photos </p>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.2 Safari/605.1.15

Challenge: Step 6

Link to the challenge:

I’m stuck here and don’t understand what I’m supposed to do.

here is indented line2 in the code:


Here is code without indentation


Indented code is easier to work with, more readable.

Continuing the discussion from I don't understand what should do:

I still don’t get it

Do you understand what is indentation?
Do you have more specific question?
Maybe you don’t understand some specific part of the task in the challenge?
Try to give me a little more info about your issue, and we’'ll figure this out.

Step 6

In the previous step, you nested the h2 element, comment, and pelement within the main element. A nested element is a child of its parent element. It should be indented two more spaces than its parent element to improve readability, like this:

  <li> Child Element 1 </li>
  <li> Child Element 2 </li>

Add two spaces in front of the three child elements of main so your HTML is more readable.

I don’t understand that. I’ve tried a million different options but I still don’t get it :see_no_evil:

I’m new to this. I have never done anything like this before.

@jillsan81 community appreciate your efforts to learn something new

Indentation refers to the spaces at the beginning of a code line, the indentation in code is for readability only.

Thanks. I really do want to learn more about this but at the moment I feel a bit stupid because I don’t understand :upside_down_face:

Don’t feel stupid. Learning new stuff is never easy.

Let me explain you

<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more cat photos.</p>

Consider that your example you are your parent’s child right??? Similarly here in example main is parent of it’s children which are <h2>, <!-- Comment -->, and a <p>

Now we come to what you are asked :slight_smile:
You are asked to place two spaces before the children(<h2>,<!--Comment-->,<p>) of

I hope you now will be able to do it :stuck_out_tongue:

I’ve tried that and it doesn’t work. I get this message when I try doing that.

Your h2 element should be below the main element’s opening tag and its opening tag should start 6 spaces over from the start of the line.

Now i have only one option left with me

      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more cat photos.</p>

Copy paste it but please understand what you did wrong

Solution provided by devpandya651 is a working one, try to compare it with your own solutions and try to understand what’s wrong with your solutions.

I copy pasted and it’s not working. I get the same hint.

No Offence but you are a hard one brother😅, I liked your gutsiness

Well, that’s strange. To keep going, I think we need to see all code, starting with line


and ending with line


Can you paste it here?

Sorry about that :see_no_evil: :upside_down_face: :crazy_face: :smiling_face: