Learn HTML by Building a Cat Photo App - Step 12

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

See more cat photos in our gallery.

why returning error **Your code so far**
<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p><a href="https://freecatphotoapp.com">See more cat photos in our gallery.</p></a>
      <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/115.0.0.0 Safari/537.36 Edg/115.0.1901.203

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

Link to the challenge:

can you please describe the issue?

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. this is the instruction and when I put this

See more cat photos in our gallery.

it returned error why

ok so this asks you to nest only the “cat photos” not the whole paragraph.

For the challenge, you’re supposed to add 1 anchor element around the words “cat photos” that’s already in the p element. No additional text was required.

I did that too,it returns error but the tip says 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.

Can I see your code?

In the previous step you turned the words link to cat pictures into a link by placing them between opening and closing anchor (a) tags. You can do the same to words inside of an element, such as a p element.

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. this is the instruction and my code is

cat photos

you see already put it as a link but why error

CatPhotoApp

Cat Photos

  <p><a href="https://freecatphotoapp.com">See more cat photos in our gallery.</p></a>
  <a href="https://freecatphotoapp.com">link to cat pictures</a>
  <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
</main>

XD but you re putting the entire text and it asks you to put only the text cat photos that is inside of the paragraph only the “cat photos” should be inside of the anchor tag not the entire text on the page it supposed to look like this
Screenshot 2023-08-13 201223

1 Like

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