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 -->
      <p><a href="https://freecatphotoapp.com">Click here to view more cat photos.</a></p>
      <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>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36 Edg/107.0.1418.26

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

Link to the challenge:

:balloon: Hi, welcome to the forum!
We see you have posted some code but did you have a question?

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.

how to do this

this is your code right now and it is making the whole sentence into a link.
You can see this in the preview pane and the result will look like this:

Click here to view more cat photos.

(all blue text because all the words are now inside the anchor element)

But they actually want this result instead:

Click here to view more cat photos.

Notice only the last 2 words are blue.
So you need to change the location of the opening and closing tag so that only the last two words are nested inside the anchor element. (not the whole sentence)

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