Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

i have failed to see the problem with this step and i cant seem to move past it

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 <a> cat photos</a> in our gallery.</p>
    <a href="https://freecatphotoapp.com">cat photos</a></p>



<!-- 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/124.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

In the text of your p element, turn the words cat photos into a link by adding opening and closing anchor (a) tags around these words. Then set the href attribute to https://freecatphotoapp.com

The href should go within the a tags that turn “cat photos” into a link within the first p tag. You added another link at the bottom with another “cat photos”.

I would reset the step and try again

expound please because i still cant get past it even after placing the href in the a tag

should i delete the second link at the bottom?

Where will this link take me?

Please share your new code.

Yes, you should reset the step because you also deleted a sentence that was there.

You need to do exactly what the instructions ask, no more, no less. If you have 2 links now, that’s too many

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

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

Why does it say “cat photos” twice?

Look at the original code:

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

You want to follow the format that you used for “link to cat pictures”.

Do not delete “link to cat pictures”.

You should reset the step and try again

thank you soo much for your efforts, it worked finally

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