Cat photos located inside p element into a link

Tell us what’s happening:
kindly help out with the step ‘12’ Turn the words cat photos located inside p element into a link by replacing the words with the anchor element added previously. The p element should show the same text in the browser, but the words cat photos should now be a link. There should only be one link showing in the app.

i kept getting response the ‘Your code should only contain one anchor ( a ) element. Remove any extra anchor elements’.

  **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.</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/101.0.4951.67 Safari/537.36

Challenge: Step 12

Link to the challenge:

  • The link is not inside the p element.
  • You show the words “cat photos” twice.
2 Likes

HI @ekeleabusamuel !

Welcome to the forum!

The final result should look like this where cat photos is the link
Screen Shot 2022-05-23 at 8.27.22 PM

This part is supposed to be the link

Hope that helps!

oh great , thanks for the response will try it out again spent some couple of minutes trying to figure it out but still same response

oh thanks for this, let me give it a try once more

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