Learn HTML by Building a Cat Photo App - Step 6

HTML-CSS
1

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

Your code so far

<html>
  <body>

<!-- User Editable Region -->

 <main>
  <html>
<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>
</body>
</html>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

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

Link to the challenge:

2

Hi @mokh07001 ,
Can you describe the problem you have?

3

Too many elements of a certain kind. You can only have a set of one of those each…

4

h1, h2, and p elements along with the comment should all be nested in the element. The instruction for this step is to move the <p></p> two spaces to the right. Before the <p> press space bar twice.
Start of by resetting everything.
I hope this helps.
Thank you.

5

it says

You should not change the indentation on the line with your h2 element. Its opening tag should start 6 spaces over from the start of the line. You can restart the step to restore the original indentation.

6

You should folllow the hint’s advice and click the reset button which looks like a question mark.
Then do not add any code. Not even one character.

Read the second paragraph in the instructions carefully.
They do not want you to add any code at all.

7

Hi @mokh07001 ,
Your challenge (step 6) is about Indentation.
If you want some explanation about Indentation, follow this link.

First of all, RESET the challenge. You have included TOO MANY unnecessary elements which generate WRONG results.
After reset, make sure to keep <h1>...</h1> elements inside <main>...</main> tag. Otherwise, you may not be able to pass this challenge.