Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

I am stuck at step 12, kindly assist.

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p>See more <a cat photos href="https:// freecatphotoapp.com">freecatphotoapp</a> in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

<!-- User Editable Region -->

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
    </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/121.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Welcome to FFC forum. You modified your code. Reset your challenge and add anchor opening and closing tags around existing cat photos text, Then add href attribute with the value link provided in the instructions within your anchor opening tag.
@williammigoya0

1 Like
3

Hi.
At this point, I’d suggest you reset the lesson to regain the original code, trying to correct the current one will be time-consuming. After that, only nest the text cat photos in an anchor element. This syntax will help.

<p>text <a href="link">text</a> text</p>
1 Like
4

anchor tag is <a href="YOUR LINK">YOUR TEXT</a> so youu need to put the “cat photos” text between <a href=""> and </a> lemme know this fixed your problem :slight_smile:

5

KIndly can you just write it down please, I have tried it is still not working

6

Let me see the updated code please.

7

See more cat photos in our gallery.

Can you give me the hack here, it is like I
am already confused
8

Don’t be worried, this step gives problems to a lot of users, you’re not alone. It’s normal to feel that way.
The links you provided do not point to your code. User Ctrl + E then paste your code in the ticks.

9

See more cat photos in our gallery.

10 
<p>See more <a cat photos href="https://freecatphotoapp.com">cat photos in our gallery.</p>

Can you give me the hack here, it is like I
 am already confused

I’ve quoted your post in full so we can see the code.

The words “cat photos” should not be inside your opening a tag – you can remove those from between a and href. Other than that, your opening a tag looks correct. Leave everything else.

Next, you need your closing tag – it’s structured as </a> and should be placed immediately after the word “photos” and before the rest of the sentence, " in our gallery".

11

Thanks so much it worked

2 Likes
12

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