Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

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

Step 12

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.

Test

Sorry, your code does not pass. You’re getting there.

Hint

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 https://freecatphotoapp.com</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/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

I would restart the step to get the original code back. You will see the “cat photos” link you already created below the p element. You created that link by wrapping the words “cat photos” with a tags. You will want to do the same thing for the words “cat photos” in the p element.

3

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