# Learn HTML by Building a Cat Photo App - Step 12

**URL:** <https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726>\
**Category:** Curriculum Help\
**Tags:** css, html\
**Created:** [August 29, 2022, 12:43pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726 "2022-08-29T12:43:28Z")\
**Posts on this page:** 18\
**Page:** 1

<div class="post-metadata">

**Author:** ![trixiedownnie](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/trixiedownnie/32/241695_2.png) [@trixiedownnie](https://forum.freecodecamp.org/u/trixiedownnie)\
**Post date:** [August 29, 2022, 12:43pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/1 "2022-08-29T12:43:28Z")

</div>

**Tell us what’s happening:**  
Describe your issue in detail here.  
i dont know how to do the 12th step,which text am i supposed to remove ,which (a

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

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

**Link to the challenge:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-12)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![trixiedownnie](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/trixiedownnie/32/241695_2.png) [@trixiedownnie](https://forum.freecodecamp.org/u/trixiedownnie)\
**Post date:** [August 29, 2022, 10:59am UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/3 "2022-08-29T10:59:06Z")

</div>

\*\*Tell u

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

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

**Link to the challenge:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-12)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![hartatociptajaya](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hartatociptajaya/32/282797_2.png) [@hartatociptajaya](https://forum.freecodecamp.org/u/hartatociptajaya)\
**Post date:** [August 29, 2022, 11:23am UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/4 "2022-08-29T11:23:26Z")

</div>

Hi, please, next time when you post your question, provide it with a question. Asking a better question will help you understand your current situation.

From your code you haven’t done anything. I encourage you to try it out first.  
turn the words `cat photos` into a link to `https://freecatphotoapp.com` . When you are done, remove the old anchor tag and text below the paragraph. this is the instruction you need to pay attention to

If you find this useful and help you solve your problem, please mark it as a solution.  
Thank you

---

<div class="post-metadata">

**Author:** ![trixiedownnie](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/trixiedownnie/32/241695_2.png) [@trixiedownnie](https://forum.freecodecamp.org/u/trixiedownnie)\
**Post date:** [August 29, 2022, 12:23pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/5 "2022-08-29T12:23:10Z")

</div>

> [@hartatociptajaya](#):
>
> remove the old anchor tag and text below the paragraph

i am not understanding how to do this,remove the old anchor tag and text below the paragraph

---

<div class="post-metadata">

**Author:** ![devops](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/devops/32/183757_2.png) [@devops](https://forum.freecodecamp.org/u/devops)\
**Post date:** [August 29, 2022, 12:29pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/6 "2022-08-29T12:29:31Z")

</div>

I’ve had a similar issue due to the wording of this exercise… the objective here is to turn the phrase “cat photos” in the p element into a link using the a element.- so one single line of code. Good luck!

---

<div class="post-metadata">

**Author:** ![hartatociptajaya](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hartatociptajaya/32/282797_2.png) [@hartatociptajaya](https://forum.freecodecamp.org/u/hartatociptajaya)\
**Post date:** [August 29, 2022, 12:49pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/7 "2022-08-29T12:49:45Z")

</div>

> [@trixiedownnie](#):
>
> ```auto
> <p>Click here to view more cat photos.
> <a> href ='https://freecatphotoapp.com'</a></p>
> 
> ```

pay attention at here.  
first you need to combine your p elements and a elements into one line of code.  
only `cat photos` should be come the link so double check if you have double `cat photos` word.  
Hint:  
delete your last \< / p and begin with \< a and your last closing tag should be \< / p \> because it should be nested in one line of code

---

<div class="post-metadata">

**Author:** ![trixiedownnie](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/trixiedownnie/32/241695_2.png) [@trixiedownnie](https://forum.freecodecamp.org/u/trixiedownnie)\
**Post date:** [August 29, 2022, 1:10pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/8 "2022-08-29T13:10:39Z")

</div>

i have done  
`<p>Click here to view more cat photos.<a> href="https://freecatphotoapp.com."</a></p>`

---

<div class="post-metadata">

**Author:** ![hartatociptajaya](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hartatociptajaya/32/282797_2.png) [@hartatociptajaya](https://forum.freecodecamp.org/u/hartatociptajaya)\
**Post date:** [August 29, 2022, 1:14pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/9 "2022-08-29T13:14:00Z")

</div>

edit your current post with your latest code

---

<div class="post-metadata">

**Author:** ![JeremyLT](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jeremylt/32/291894_2.png) [@JeremyLT](https://forum.freecodecamp.org/u/JeremyLT)\
**Post date:** [August 29, 2022, 1:35pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/10 "2022-08-29T13:35:10Z")

</div>

I’ve edited your post for readability. 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.

 ![Pre-formatted-text](https://global.discourse-cdn.com/freecodecamp/original/3X/1/b/1b18854f1059217f29370444396145cc3a0cd8ae.gif)

See [this post](https://forum.freecodecamp.org/t/forum-code-formatting/25574) to find the backtick on your keyboard.  
**Note:** Backticks (`) are not single quotes (').

---

<div class="post-metadata">

**Author:** ![hartatociptajaya](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hartatociptajaya/32/282797_2.png) [@hartatociptajaya](https://forum.freecodecamp.org/u/hartatociptajaya)\
**Post date:** [August 29, 2022, 1:40pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/11 "2022-08-29T13:40:19Z")

</div>

Delete your `>` on your opening of anchor (a).

Double check your text specifically on `cat photos.` and remember to make your `cat photos` into a link by placing it after the opening tag and before the closing tag of `</a>`

---

<div class="post-metadata">

**Author:** ![trixiedownnie](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/trixiedownnie/32/241695_2.png) [@trixiedownnie](https://forum.freecodecamp.org/u/trixiedownnie)\
**Post date:** [August 29, 2022, 1:52pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/12 "2022-08-29T13:52:29Z")

</div>

so how should the code look like

---

<div class="post-metadata">

**Author:** ![JeremyLT](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jeremylt/32/291894_2.png) [@JeremyLT](https://forum.freecodecamp.org/u/JeremyLT)\
**Post date:** [August 29, 2022, 1:54pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/13 "2022-08-29T13:54:41Z")

</div>

Posting solutions is not allowed. What did you try?

---

<div class="post-metadata">

**Author:** ![Dotmeister1](https://avatars.discourse-cdn.com/v4/letter/d/258eb7/32.png) [@Dotmeister1](https://forum.freecodecamp.org/u/Dotmeister1)\
**Post date:** [September 4, 2022, 11:46pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/14 "2022-09-04T23:46:36Z")

</div>

i have been stuck on this kevel for a week. its really discoraging

---

<div class="post-metadata">

**Author:** ![hbar1st](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hbar1st/32/372649_2.png) [@hbar1st](https://forum.freecodecamp.org/u/hbar1st)\
**Post date:** [September 4, 2022, 11:49pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/15 "2022-09-04T23:49:52Z")

</div>

please, do not wait any longer. Click on the Ask for Help button if you haven’t already and we will help guide you.

---

<div class="post-metadata">

**Author:** ![Dotmeister1](https://avatars.discourse-cdn.com/v4/letter/d/258eb7/32.png) [@Dotmeister1](https://forum.freecodecamp.org/u/Dotmeister1)\
**Post date:** [September 5, 2022, 12:05am UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/16 "2022-09-05T00:05:14Z")

</div>

i am still on it and more confused. tried everything i could

---

<div class="post-metadata">

**Author:** ![hbar1st](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/hbar1st/32/372649_2.png) [@hbar1st](https://forum.freecodecamp.org/u/hbar1st)\
**Post date:** [September 5, 2022, 12:08am UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/17 "2022-09-05T00:08:24Z")

</div>

I am not seeing your request for help on the forum.  
To create one, please click on the button labelled “Ask for Help” inside the exercise you are currently on.

---

<div class="post-metadata">

**Author:** ![Dotmeister1](https://avatars.discourse-cdn.com/v4/letter/d/258eb7/32.png) [@Dotmeister1](https://forum.freecodecamp.org/u/Dotmeister1)\
**Post date:** [September 5, 2022, 12:11am UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/18 "2022-09-05T00:11:05Z")

</div>

i have  
done that. thanks

---

<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:** [March 6, 2023, 12:11pm UTC](https://forum.freecodecamp.org/t/learn-html-by-building-a-cat-photo-app-step-12/548726/19 "2023-03-06T12:11:59Z")

</div>

Closed on March 6, 2023, 12:11pm UTC

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