Stuck at step 12 of Responsive Web Design

The instructions given were:

Step 12

Turn the words cat photos located inside p element into a link using the same value for the href attribute as the link below the p element. The p element should show the same text in the browser, but the words cat photos should now be a link. Make sure to remove the a element with the text cat photos on the line below the p element.

I’m stuck on this and have absolutely no idea of what I’m doing wrong. I’ve turn the “cat photos” inside of the p element into a link and eliminated the next line containing the a element. No ideia of what else I’m supposed to do. Anyone can help?

  **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 <a href="https://freecatphotoapp">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/102.0.0.0 Safari/537.36

Challenge: Step 12

Link to the challenge:

Check the link again, you are missing something :

Also the . should not be inside the a element.

Thank you, man. You were right… it’s always the little things that get ya’.

1 Like

im stuck on this also could you help me out

In my case, I was forgetting to insert the “.com” in the link and also putting the dot at the end “.” as part of the link.

The correct format for this type of link referencing is:


<a href="link">title of the link</a>
1 Like

Yes, please post your code so we can help you.