I can't figure out how to

HTML-CSS
1

**Getting this issue:

“Hint:
After nesting the anchor (a) element, the only p element content visible in the browser should be Click here to view more cat photos. Double check the text, spacing, or punctuation of both the p and nested anchor element.” **

  **My 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:**

Challenge: Step 12

Link to the challenge:

2

The text with your current code would be:

Click here to view more cat photos.cat photos

Remove the extra “cat photos” outside of the anchor tag and change the location of the punctuation. Also, be careful with spacing error (there’s currently a space between </a> and </p>).

3

The link is supposed to say “cat photos”
When I remove cat photos I get an error as well

Click here to view more cat photos.

The link’s text should be cat photos . You have either omitted the text or have a typo.

6

The idea behind the task it to wrap only the “cat photos” text that’s already inside “Click here to view more cat photos.” with anchor tag to turn it into a link.

What you did in your previous code is adding a new “cat photos” wrapped in anchor tag after the text “Click here to view more cat photos.” resulting in two “cat photos” texts, one linked and the other not.

Please share the new code after removing the “cat photos” outside the anchor tag and checking for spacing and punctuation if the code still doesn’t pass.

7

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