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>
    <h1>CatPhotoApp</h1>
    <main>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>cat photos.<a href="https://freecatphotoapp.com></a></p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>
      <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/105.0.0.0 Safari/537.36 Edg/105.0.1343.53

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

Link to the challenge:

2

:balloon: Hi, welcome to the forum!
We see you have posted some code but did you have a question?

1 Like
3

You deleted most of the sentence in the p element. That sentence should stay the same. You are just turning the words “cat photos” in that sentence into a link. I would restart the step to get the original HTML back and then only do what the instructions ask, which is to turn the words “cat photos” in that sentence into a link.

1 Like
4

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><a href= "https://freecatphotoapp.com">click here to view more</a></p>
    <a href="https://freecatphotoapp.com">cat photos</a>
      <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/106.0.0.0 Safari/537.36 Edg/106.0.1370.42

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

Link to the challenge:

5

Suggest you click on the restart step button.

Then notice:
In the code right now you have a paragraph element with plain text words. In the preview pane, you can see the words look like this

Click here to view more cat photos.

What they are asking you to do is change these words as follows:

Click here to view more cat photos.

Such that the last two words become clickable.

You do this using an anchor tag (review anchor tags in step 10)

Hope this helps

6

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