Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

anchor (a) is nested in (p) element but still code does not pass.
You can see the words cat photos underlined next to the image in the preview now. That’s your link; feel free to give it a click. In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com . When you are done, remove the old anchor tag and text below the paragraph.

   <p> Click here to view more cat photos
  <a href="https://freecatphotoapp.com">cat photos</a></p>

<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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

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

Link to the challenge:

2

@mbu.hlobo

Hello!

If you look closely at the text on your Cat Photo App website, “cat photos” is repeated twice. I would recommend that you remove “cat photos” from the <p> element since the <a> element already has the text.

Hope this helps!

3

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