Build a Cat Photo App - Step 6

HTML-CSS
1

Tell us what’s happening:

CatPhotoApp

Cat Photos

Everyone loves cute cats online!

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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/135.0.0.0 Safari/537.36

Challenge Information:

Build a Cat Photo App - Step 6

2

Hi there, welcome to the community! :blush:

It looks like you’re very close! Just a small change:
The lesson mentioned that:

The h1 element, h2 element and the comment are indented two spaces more than the main element in the code below. 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.

Here’s a quick tip: use the space bar on your keyboard to indent the <p> element by two more spaces.

Let me know if you need any more help! You’re doing great!

1 Like
3

okay, thank you,
let me try and if didnt work out, i will get back to you?

4

still it didnt work out

5

please share your updated code

6

thank you so much, it work out right now

7

It should be lineup the space bar between <h1 element,h2 element and P>, Nicely done one more space bar on the right to complete <p element.