I can't turn the words cat photos located inside p element into a link by replacing the words with the anchor element added previously

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

  **Your code so far**

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

Challenge: Step 12

Link to the challenge:

Hello,

First, please reset the task, as the code has become a bit tangled.

You are supposed to cut the second line and paste it where the words “cat photos” currently are in the first one, so that “cat photos” are still there but surrounded by the <a> tags

1 Like

Hey dude, I am going through the same thing now and struggled with it for 15-20 minutes.
Basically, it should look like this:

Read the instructions VERY carefully. The program is extremely case sensitive. Any extra dot, spacing, or letter will cause an error.

So, remember what you did in the previous step with creating the “Cat photos” link? Do exactly that by changing the place of the anchor and href and make it look like in this picture. Remember, it needs to be nested within the paragraph, so your line should end with </ p> Hope it helps!

3 posts were split to a new topic: Step 12 Cat Photos - cgall219

(post deleted by author)