Stuck on step 6. Can someone help please?

HTML-CSS
1

Hi everyone, I am stuck with this coding lesson. i am unsure what i am doing wrong and i have even followed a YouTube video and it is still not working. this hasn’t discouraged me as it’s all part of the learning stage. Any help is appreciated, thank you in advance:)

This is my Code so far.

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36

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

Link to the challenge:

2

The p element is indented currently 3 spaces

But that means it is not aligned.

Indent it exactly the two spaces requested to align it.

3

Hi, Thank you for the response, i have altered this however it is still not passing. how can i rectify this?

This is the code

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

You have indented the closing tag for main. (And you added an extra main opening tag?)

Try to reset the step and notice how the tags were indented. Then fix only the p line

6

hi even after i did this it is still coming up as wrong

this is the code

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

I’ve edited your code 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 (').

1 Like
8

Please click the reset button.

After that only indent the p element.
All other elements are correctly indented after the reset is applied.

1 Like
9

Thank you, i feel so dumb hahah. It finally worked, i feel a bit dumb for not knowing this, but all a part of the learning process. thank you

10

It is hard to understand this stuff.

Keep trying and it will get easier.

11

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