What's the wrong here?!

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 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.63 Safari/537.36

Challenge: Step 6

Link to the challenge:

2

If you restart the step to get the original code formatting back you will see that <main> and all its children are indented four spaces, but in your code above <main> is only indented two spaces. So while you have indented the children properly compared to <main>, they are only indented four spaces when the tests are expecting them to be indented six spaces (based on the original formatting).

Either restart the step to get the original formatting back and then indent the children based on that formatting or just be satisfied with the fact that you did indent the children properly (even though the number of spaces the tests were expecting is not correct) and move on to the next step.

P.S. You didn’t happen to use the formatting feature of the editor (Format Document) did you? Because when I use that then the html and body elements are lined up at the same indentation and I get the formatting you have above.

3

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