Learn HTML by Building a Cat Photo App - Step 6

Tell us what’s happening:
Describe your issue in detail here.
how to do spacing in the element
Your code so far

<html>
  <body>
 <main>
              <h1>CatPhotoApp</h1>
        <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/106.0.0.0 Safari/537.36 Edg/106.0.1370.47

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

Link to the challenge:

You have changed the indentation on lines that you shouldn’t have. I would restart the step to get the default HTML back. Then the only line you want to make changes to is the line with the p element. If you change any other lines then you are doing it wrong.

The h1 element, h2 element and the comment are indented two spaces more than the main element in the code below. 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.

This is straightforward, which part you didn’t get ?

1 Like