Build a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

I really dont know what is wrong with my code. Please help.

Your code so far

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

<!-- User Editable Region -->

      <p>See more <a href="https://freecatphotoapp.com">cat photos</a>in our gallery</p>      
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">

<!-- User Editable Region -->

    </main>
  </body>
</html>

Your browser information:

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

Challenge Information:

Build a Cat Photo App - Step 12

2

Hi and welcome to the forum!
there is no mention of using a p element, so why add one?

3

Also look at the website preview and see if there are any odd looking problems.

1 Like
4

I am a beginner, I thought that that was the way to add the words “see more” before he anchor, and “in our gallery” after, I don’t know how else to do that. Do you mind teaching me how to? this is literally my first day.

5

You are right! And there is nothing wrong in the way you’re doing it. But these projects have steps to teach you everything slowly step by step. So when this step says add the words, just add them without anything extra. You will see in the next steps that you’ll be asked to use a p element.
For now try to remove the p tags and keep the words only. Make sure to check your preview and see if the text is correctly displayed in terms of spacing.
I would love to help you out if you need any assistance.
Good luck!

1 Like
6

you are m G! thank you so much… I really appreciate this. I am going o make sure I become really good at programming to honor this.

1 Like
7

Thank you! it actually worked… This is what you people go through hehe…

1 Like