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

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