Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
there is something wrong with nesting (a) element in p element but i couldnt find it

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more cat photos. <a href="https://freecatphotoapp.com">cat photos</a></p>
    <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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.2 Safari/605.1.15

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

Link to the challenge:

2

You did create the “cat photos” link in the p element correctly, but now you have two “cat photos” in the p element. Look at the preview window. Do you see both “cat photos” at the end of the sentence? One is plain text and the other is the link. You still want the sentence in the p element to just be Click here to view more cat photos. You just want “cat photos” to be a link.

1 Like
3

turn the EXISTING words cat photos into a link to https://freecatphotoapp.com
result:
Click here to view more cat photos

2 Likes
4

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