Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.can someone one help me with step 12

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.</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 Edg/111.0.1661.51

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

Link to the challenge:

The instruction: " In the text of your p element, turn the words cat photos into a link"
Take a look at the code line below this one in question and use analogy. Surround only the words “cat photos” with ‘a’ tags and add the ‘href’ attribute set to the same value as it is in the second line.

1 Like

thanks for the help i have tried my hands on but its still not working

Restart step.

You get these two code lines:

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

As you can see, in the second one the text “link to cat pictures” is turned into a link by being surrounded it with a tags. Do the same for the words “cat photos” in the first line.

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