Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.
I do not understand what Im doing wrong in this step

Your code so far

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more cat photos.
      <a href="https://freecatphotoapp.com"><a>cat photos</a> 
      </p>
      <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/104.0.5112.102 Safari/537.36 Edg/104.0.1293.70

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

Link to the challenge:

if you restart the step (Restart Step button), you will be shown this code:

      <p>Click here to view more cat photos.</p>
      <a href="https://freecatphotoapp.com">cat photos</a>

The first line is a paragraph element.
The second line is an anchor element which makes a link with text “cat photos”.

The instructions say:

In the text of your p element, turn the words cat photos into a link to https://freecatphotoapp.com by nesting these words inside of a new anchor element.

So let’s break this up into small parts we can try:

  • in the text of your p element
    => this is the sentence inside the <p> and </p> tags.
  • turn the words cat photos into a link
    => this one is referring to the last 2 words in the paragraph. These 2 words inside the paragraph are the ones we are interested in turning into a clickable link
  • by nesting these words inside of a new anchor element
    => “nesting” means that the words “cat photos” which are currently inside the paragraph are going to be placed inside a new type of tag - the anchor tag

So you might be noticing now that the 2nd line given in this exercise happens to be an anchor element! That’s on purpose. The exercise is trying to remind you of what an anchor element looks like. But you’re not supposed to actually touch this line here.
You’re supposed to make another new anchor element which is identical to this one but inside the paragraph line.

If you do this correctly the final result will turn this line:

Click here to view more cat photos.

into

Click here to view more cat photos.

So to recap:

  • inside the

    element

  • add a new anchor tag
  • to the left and right of the last 2 words “cat photos”
  • to turn those words into a link to the given URL

hope this helps