Please help me solve the catphotoapp step 14 in html

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

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

Challenge: Step 14

Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-14strong text

2

here is the issue, delete the whitespaces

1 Like
3

Step 14

Turn the image into a link by surrounding it with necessary element tags. Use https://freecatphotoapp.com as the anchor’s href attribute value.

So you need to nest the tag <img> into a tag <a>

1 Like
4

Check this lines. Because you need tou nest the <img> into the <a>

5

can you be more specific about this please. I still didn’t get it.

6

Of course, the step said that you need an image nest into a link tag

like this

<a href="blabla">
    <img src="blabla">
</a>

but you have

<img src = "blabla" >

? a ? href="blabla"</a>

You forgot the closing and opening < > to the a element.

And nest the image into the <a>

1 Like
7

Thank you so much! It worked!

8

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