Learn HTML by Building a Cat Photo App - Step 15

HTML-CSS
1

I’m close to giving up. Where am I going wrong?

Your code so far

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

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

Link to the challenge:

2

Hi!

You are not supposed to modify this line of code. I would press the ‘restart step’ button.

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

Unless a code line is in the code editing text box, it should not be edited. The below line is the line you need to modify. You anchor closing tag is correct but you need to create the opening tag.

<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

You need to write the opening anchor tag for the img link in the same way as when you made the text into a link. Hope this helps!

2 Likes
3

Take a look at your code above. You already have an ‘a’ element. Use the same logic but instead of wrapping the text “cat photos”, wrap the complete ‘img’ element given in the step 15.

1 Like
4

Hi ntsibandeti,

I can’t tell why your solution won’t pass but based off of your code i believe you need reset and not altar the code from lines 1 - 7, your challenge focuses on line 8 where you find the image tag.

you already have the right idea just that you placed the a tag within your paragraph or

tag and you only supposed to place it by the image like so:

<a href=""><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

hope that works.

1 Like
5

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