Learn HTML by Building a Cat Photo App - Step 6

Literally put 2 spaces infront of the P element… what’s happening 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/107.0.0.0 Safari/537.36

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

Link to the challenge:

Welcome to our community!
Your ‘p’ element should be aligned from the left with the ‘h2’ element and comment.

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

tried this, doesn’t work.

“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.”

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

Your h1, main, h2, p elements and comment should be aligned. Restart the step and try again. If you don’t pass the step, try this:

“Note: Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests. If you face issues, we recommend disabling extensions that modify the content or layout of pages, while taking the course.”