Learn HTML by Building a Cat Photo App - Step 4

HTML-CSS
1

Tell us what’s happening:
I thought I did every step in the instructions but apparently not, these are my instructions:

In the previous step, you nested the h2 element, comment, and p element within the main element. Indenting nested elements two more spaces than their parent element improves readability:

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

Add two more spaces in front of the h2, comment, and p elements so your HTML is more readable.

  **Your code so far**

 <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>

This is what it tells me when I try to submit:

Your comment should be below the h2 element and start 6 spaces over from the start of the line.

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

Link to the challenge:

2

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

3

HI @valeraye !

Welcome to the forum!

This looks like you are working on step 6.

Not step 4.

I would reset the lesson because it looks like your formatting is off.

The lesson wants to teach you about indentation.

Take the h2, p and comments tags and move them two spaces to the right.
Make sure not to touch anything else.

Hope that helps!

4

Okay, thank you. This really helped.

5

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