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

  **Your browser information:**

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

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

Link to the challenge:

2

Hello there.

Do you have a question?

If so, please edit your post to include it in the Tell us what’s happening section.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more information you give us, the more likely we are to be able to help.

3

Hi
I’m stuck on step 6 which is asking me to “indent”. I have added the spaces as required by the hint provided below, but I’m not sure what the problem is.

Hint

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.

4

You have used the return key a bunch. The instructions say

Use the space bar on your keyboard to add two more spaces in front of the p element so that it is indented properly as well.

You should be using your space bar only. I would reset the code and only use your space bar.

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

Trying to do the indentation to no avail on the above coding

6

I would reset the code and use the space bar.

This is the original code:

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

Thanks, I was able to proceed

8

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