Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.
In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by adding opening and closing anchor (a ) tags around these words.
Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p>See more cat photos in our gallery.<a href="https://freecatphotoapp.com">cat photos</a></p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

<!-- User Editable Region -->

      <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/111.0.0.0 Safari/537.36

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

Link to the challenge:

Ok, can you be more specific about what part of those instructions you need help with?

It looks like you added brand new text that says cat photos instead of using the text cat photos that was already there.

You are getting the error message

After nesting the anchor (a) element, the only p element content visible in the browser should be See more cat photos in our gallery. Double check the text, spacing, or punctuation of both the p and nested anchor element.

You are getting this message because you wrote cat photos twice.

Hi there, if you look at your code you have 2 anchor tags. One is within the <p> and one is outside. Also, the 2nd one says “link to cat picutres” instead of “cat photos”.

I appears that if you remove the 2nd anchor tag completely, just leaving the one in the <p> your code will work

I hope this helps. Welcome to the forum

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