Learn HTML by Building a Cat Photo App - Step 6

HTML-CSS
1

Hello, Can someone help me solve this?
This is what instruction said: Add two more spaces in front of the h2 , comment, and p elements so your HTML is more readable.

I could not solve it despite hundreds of attempts. Please if any one can help me with this?

BTW, here is where this instruction should be applied

<ul> 
  <li> This `li` element indented </li>
  <li> This `li` element is also indented </li>
</ul>
2

Where is that attempt? Do you mind sharing your code so far?

But, to give you an idea of how indenting works:

<!-- this is the parent -->
<elem>
  <!-- this is the child -->
  <elem></elem>
</elem>

In this case, you want main as the parent and h2, comment, and p as the children.

Do not use ctrl + ] shortcut, it doesn’t work when I tried.

3

I’m attempting on the freecodecamp live. It is kind of a stage performance where if I write correct code, I can move to the next stage. But in case of wrong coding, it only shows in the red word, “WRONG Attempt.” It doesn’t show why I’m wrong.

4

Is Ask for Help button available to you? I believe it shows on multiple attempts. Try to click that button and it will automatically create a thread for you consisting of your current code.

5

Yes, that button has got me here and I’m talking to you about my code.

6

I don’t see your code anywhere. You can wrap your code in triple backticks

7

Sorry, I didn’t realize that. Here is what I have been doing.

<main>
    <h2>Cat Photos</h2>
    <!--This is the parent-->
    <elem>
      <!--This is the child-->
      <elem></elem>
      <elem>

    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos.</p>
    </main>
8

Right, so you need to add two spaces before your h2, comment, and p.

9

mmm
mmm729Ă—516 19.3 KB

If you can not see it… Here is a screenshot

10

How can I add those two spaces?
Sorry for bothering you.

11

Remove my code, it was just an example to help you understand the concept of indenting. Sorry if that was confusing.

You simply press your spacebar twice before the h2, comment, and p. Assuming you have removed my code already, you should pass.

It’s not a bother at all :slight_smile:

12

Thank you so much. This worked perfectly.

1 Like
13

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