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 photo</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/118.0.0.0 Safari/537.36

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

Link to the challenge:

You don’t want to change the link below the p element. I would reset the step to get the original HTML back.

You want to turn the words “cat photos” in the middle of the p element into a link. This means you need to wrap those words in an anchor element. You do that by putting an opening a tag before the words and an closing a tag after the words.

Welcome to the community @rbeo !

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

The above is what is provided at the beginning of this step.

If the lower code is, not changed, but viewed as a reference on how to anchor only the words cat photos while they remain within the p element statement, I feel you can move onto your next step.

Notice how the anchors touch both words in the link?

Without adding, removing, or changing anything, other than adding the anchor on both sides of
< p>See more cat photos in our gallery.< /p>

The test should pass.

Happy coding!

1 Like

Keep up the good progress @rbeo!

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