Build a Cat Photo App - Step 6

HTML-CSS
1

Tell us what’s happening:

Hi, I’m working on the HTML indentation exercise. I placed the <h1>, <h2>, comment, and <p> inside the <main> element, and I used 2 spaces in front of each nested line. But I’m still getting an error about indentation. Could you please confirm what the exact spacing should be for each line?

Your code so far

<html>
  <body>

<!-- User Editable Region -->

<main>
  <h1>CatPhotoApp</h1>
  <h2>Cat Photos</h2>
  <!-- TODO: Add link to cat photos -->
  <p>Everyone loves cute cats online!</p>
</main>

<!-- User Editable Region -->

  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Cat Photo App - Step 6

2

you have removed indentation that was there

this steps start like this:

    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
    <p>Everyone loves cute cats online!</p>
    </main>

you need to indent the p some more so that it matches the other elements inside main

reset the step and try again