Learn HTML by Building a Cat Photo App - Step 14

Tell us what’s happening:
Describe your issue in detail here.
Hello. Below is my code. The code ‘works’ and links my cat picture but fails the lesson so i’m at an impasse. I wrote this both in the console and Notepadd ++ (saved as HTML) and it functions but for the life of me cannot get this to pass. No clue what is missing here and I’ve reviewed previous posts so I can see an issue with either the lesson or instructions. Thank you.

  **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</p>
       <a target="_blank" href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
    </a>
        
  </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/105.0.0.0 Safari/537.36

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

Link to the challenge:

Try it without the target attribute as it doesn’t seem to be requested by this exercise?

Hello,
Welcome to the Forums :wave:


You have deleted the previous anchor element that had the text cat photos which causes the tests to fail. You were not asked to delete that but you did.

I would recommend you to Restart the Step and then create a new anchor element to the image.

I got it to work and used your recommendation @Cryptic_X . I also tried @hbar1st 's recommendation. The latter didn’t matter it appears. Regardless, it does function now. I tried copying/pasting the script here but since it gets wonky when I do that. Thank you both for your feedback.

1 Like

Great work. I’m glad someone helped you with this.

As an fyi, I will post another response below explaining how to include code in a formatted way in the forum, feel free to review it for next time.

Please keep in mind that posting solutions in the forum may be frowned upon as it may hinder the learning process (we hope people can learn debugging for eg from their efforts here versus just copy/paste from others)

Congrats again!

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

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