Learn HTML by Building a Cat Photo App - Step 6

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 10.0; Win64; x64; rv:102.0) Gecko/20100101 Firefox/102.0

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

Link to the challenge:

2

your h2 and p elements should be nested within your main element

3

I don’t think this is a nesting issue. The h2, comment, and p are all nested within main. The issue here is that these elements are indented too far. They were only supposed to be pushed to the right two more spaces but they have been pushed to the right a lot more than that.

I would restart the step to get the original formatting back. Then, the only thing you want to do is use the space bar on your keyboard to add only two more spaces before the h2, comment, and p. That’s it, don’t make any other changes.

2 Likes
4

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