Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.
I’m struggling with turning the words “cats photos” into a link properly. It says I should nest a new anchor element in the p element??
Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>

<!-- User Editable Region -->

      <h2>Cat Photos</h2
      <p>See more <a href="https://freecatphotoapp.com"<a> cat photos <a> in our gallery. </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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.6 Safari/605.1.15

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

Link to the challenge:

You’ve added three opening a tags and one closing a tag. This should be a one to one ratio, so you should only add one opening a tag and one closing a tag.

Also, don’t delete the link that you created earlier below the p element. You don’t want to make any unexpected changes to the HTML that the instructions did not ask you to make. Even the smallest unexpected change can cause the tests to fail.

I would reset the step to get the original HTML back and then only add one opening a tag and one closing a tag to turn the words “cat photos” into a link. Look at the example in the instructions again on how to do this. Notice how the example puts the opening a tag directly before the word “freeCodeCamp” and the closing a tag directly after the word “freeCodeCamp” to turn it into a link. That’s what you want to do to the words “cat photos” in the middle of the p element.

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