Learn HTML by Building a Cat Photo App - Step 12

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

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 6.2; rv:109.0) Gecko/20100101 Firefox/113.0

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

Link to the challenge:

You don’t want to add an extra cat photos to the sentence in the p element. You want to turn the existing cat photos in the middle of the sentence into a link.

1 Like

okay but i don’t still understand how to do it

You want to wrap the a element around only “cat photos” where is says “See more cat photos in our gallery” instead of adding it after the sentence again.

Restart step.

In the existing sentence between ‘p’ tags, surround the words “cat photos” with anchor tags:

<p>Text <a href="url">two words</a> text.</p>

It might help if you explain a little more about what you don’t understand. You added and extra cat photo on to the end of the sentence and then made that a link by wrapping those words in a tags. I’m telling you that instead of added the extra cat photos to the end of the sentence you want to turn the existing words cat photos in the middle of the sentence into a link.

oh i get it now and thanks for your assistance

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