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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.45 Safari/537.36

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

Link to the challenge:

2

Even though you have all three children lined up correctly it looks like you only have them indented one space instead of two. If you restart the step you should she the following indentation:

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

See how the h2 and comment start under the a in the <main> tag. But yours starts under the m. If you can’t get it to work then I would restart the step and only do exactly what the instructions ask:

“Use the space bar on your keyboard to add two more spaces in front of the p element”

1 Like
3

thanks a lot brother

4

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