Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

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 ="https:freecatphotoapp.com">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 (iPhone; CPU iPhone OS 16_1_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.1 Mobile/15E148 Safari/604.1

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

Link to the challenge:

2

What happened to the words cat photos in that sentence?

A link needs both an opening and closing tag.

1 Like
3

I posted a new one and I’m still having a struggle with it

6

https:freecatphotoapp.com">cat photos</a> in our gallery.</p

7

Your latest code still does not have what was mentioned above. Can you post the entire code instead of one line so we can see everything going on

8

I’ve tried posting it again but it was taken down since it was the same problem The best I could do is screenshot

image
image828×1792 232 KB

9

You can use the button </> when you reply and paste the code between the lines it gives you. Right now, you are not making the text “cat photos” a link. You are just adding a link. Look at the example the challenge already has in the code

 <a href="https://freecatphotoapp.com">link to cat pictures</a>

This example, has the text “link to cat pictures” as a link because its between the anchor tags. You need to do the same thing but for the text “cat photos” in the sentence that is provided by the challenge

10

image
image828×1792 210 KB

I’m still having trouble understanding

11

Please post the actual code

12

Alright Give me a second

13

I unlisted the two other topics you created. We need to stay one topic for one step you are doing. Please use the </> button I mentioned earlier and paste the code between the lines

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

14 
<p> See more <a href=“https:freecatphotoapp.com”>cat photos</a> in our gallery.</p>
15

Just noticed this. The issue is this line here, I recommend looking at the href the challenge tells you to use, and compare it to this. Go one character at a time and you should see the issue

*Hint: Start with the h after the equals sign

16

Omg thank you :laughing::laughing::laughing:I got it

17

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