Learn HTML by Building a Cat Photo App - Step 14

Tell us what’s happening:
Describe your issue in detail here.
how can I surround my image with the attribute (a) such that it can turn to a link?

   **Your code so far**
<html>
 <body>
   <h1>CatPhotoApp</h1>
   <main>
     <h2>Cat Photos</h2>
     <!-- TODO: Add link to cat photos -->
 

<a  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/104.0.0.0 Safari/537.36

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

Link to the challenge:

The code to make your image a link appears correct. I also copy/pasted that into the challenge and it worked… but the weird thing is, it seems some of the original code that wasn’t part of the challenge has been modified.

When I original opened the link, before changing anything, right above where you are supposed to change your code was this:


     <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>

On your code pasted above, that line that has “click here to view more…” is missing… that was original code and should not have been changed. I removed that code from mine as well and the test failed.

So it seems maybe you modified some of the code above what you were supposed to change… if you just add that line back above where you were supposed to edit, maybe it will pass.

yeah it worked thanks

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