# Please help me solve the catphotoapp step 14 in html

**URL:** <https://forum.freecodecamp.org/t/please-help-me-solve-the-catphotoapp-step-14-in-html/519852>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [June 20, 2022, 4:47am UTC](https://forum.freecodecamp.org/t/please-help-me-solve-the-catphotoapp-step-14-in-html/519852 "2022-06-20T04:47:48Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![hafsazinthikar](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hafsazinthikar/32/243308_2.png) [@hafsazinthikar](https://forum.freecodecamp.org/u/hafsazinthikar)\
**Post date:** [June 20, 2022, 4:47am UTC](https://forum.freecodecamp.org/t/please-help-me-solve-the-catphotoapp-step-14-in-html/519852/1 "2022-06-20T04:47:48Z")

</div>

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

```
  **Your code so far**

```

```html
<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](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-14strong) text

---

<div class="post-metadata">

**Author:** ![jdcorrales27](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jdcorrales27/32/48387_2.png) [@jdcorrales27](https://forum.freecodecamp.org/u/jdcorrales27)\
**Post date:** [June 20, 2022, 4:49am UTC](https://forum.freecodecamp.org/t/please-help-me-solve-the-catphotoapp-step-14-in-html/519852/2 "2022-06-20T04:49:36Z")

</div>

> [@hafsazinthikar](#):
>
> ` <img src = "`

here is the issue, delete the whitespaces

---

<div class="post-metadata">

**Author:** ![jdcorrales27](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jdcorrales27/32/48387_2.png) [@jdcorrales27](https://forum.freecodecamp.org/u/jdcorrales27)\
**Post date:** [June 20, 2022, 4:52am UTC](https://forum.freecodecamp.org/t/please-help-me-solve-the-catphotoapp-step-14-in-html/519852/3 "2022-06-20T04:52:45Z")

</div>

# 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>`

---

<div class="post-metadata">

**Author:** ![jdcorrales27](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jdcorrales27/32/48387_2.png) [@jdcorrales27](https://forum.freecodecamp.org/u/jdcorrales27)\
**Post date:** [June 20, 2022, 4:55am UTC](https://forum.freecodecamp.org/t/please-help-me-solve-the-catphotoapp-step-14-in-html/519852/4 "2022-06-20T04:55:15Z")

</div>

> [@hafsazinthikar](#):
>
> `a href="https://freecatphotoapp.com"</a>`

> [@hafsazinthikar](#):
>
> `src = "h`

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

---

<div class="post-metadata">

**Author:** ![hafsazinthikar](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hafsazinthikar/32/243308_2.png) [@hafsazinthikar](https://forum.freecodecamp.org/u/hafsazinthikar)\
**Post date:** [June 20, 2022, 4:57am UTC](https://forum.freecodecamp.org/t/please-help-me-solve-the-catphotoapp-step-14-in-html/519852/5 "2022-06-20T04:57:24Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![jdcorrales27](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jdcorrales27/32/48387_2.png) [@jdcorrales27](https://forum.freecodecamp.org/u/jdcorrales27)\
**Post date:** [June 20, 2022, 4:58am UTC](https://forum.freecodecamp.org/t/please-help-me-solve-the-catphotoapp-step-14-in-html/519852/6 "2022-06-20T04:58:56Z")

</div>

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

like this

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

```

but you have

```auto
<img src = "blabla" >

```

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

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

And nest the image into the `<a>`

---

<div class="post-metadata">

**Author:** ![hafsazinthikar](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hafsazinthikar/32/243308_2.png) [@hafsazinthikar](https://forum.freecodecamp.org/u/hafsazinthikar)\
**Post date:** [June 20, 2022, 5:18am UTC](https://forum.freecodecamp.org/t/please-help-me-solve-the-catphotoapp-step-14-in-html/519852/7 "2022-06-20T05:18:14Z")

</div>

Thank you so much! It worked!

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [December 19, 2022, 5:18pm UTC](https://forum.freecodecamp.org/t/please-help-me-solve-the-catphotoapp-step-14-in-html/519852/8 "2022-12-19T17:18:56Z")

</div>

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