Learn HTML by Building a Cat Photo App - Step 12

So when I add the anchor it still says no and I feel like it’s something easy that I’m missing. Any help would be appreciated.

Your code so far

      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p>See more cat photos in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 10; K) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Mobile Safari/537.36

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

Link to the challenge:
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-12Processing: 1000003951.png…
Uploading: 1000003950.png…

These are what I see

In your screenshot it looks like you changed the words “cat pictures” into “cat photos”. You have to leave this text alone.

You have to wrap the words “cat photos” in the sentence “see more cat photos in our gallery.” into an anchor-tag.

<a href="..">Your text</a>

So it should say cat pictures not cat photos?

This is what I attempted


Here is an example using different element and anchor, but it may help.

Example: Anchoring red dog in the h1 statement

< h1> The big < opening anchor here> red dog< /closing anchor here> ran after the speedy kitten!< /h1>

Here is an article by one of the leaders that is great in explaining and examples on how to turn text and images into links.

Happy coding! :slight_smile:

1 Like

you should look closely how the link that you wrote is diffferent than the link above.

just words cat pictures cant be link by themself.

I don’t understand what I’m missing. In the “p” line I’m supposed to add an anchor around cat photos? Am I understanding this correctly?

Please post your actual code instead of screenshots

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.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

Hi, try this, instead of typing, copy and paste the link.

That is what I did for the image above.
cat photos while having the other words around it do I need to do it further down by the website?

Yeah I am about to give up because nothing I’m putting in is working . I have done everything that I have been recommended to do and all it’s doing is telling me I’m stupid. I have done everything that has been told to me and nothing is working. I don’t know what else to do.

Unfortunately I only have chrome working from my phone as I do not yet have a computer. It keeps telling me that it’s missing the href or misspelled so now I’m more confused.
I add a space and still the same

Why would it keep telling me I have ommited or misspelled something in my href when I’m anchoring in the paragraph?

Now it’s telling me I need to nest.

it’s telling you this because you are doing it wrong,
and clearly not reading replies and advices that people are giving you.

you are at beginning of coding journey.
this means that if you really want to learn this new thing, you just have to read carefully, and think before you type in

Thank you for the lack of help. Someone else however has been willing to help me and I will keep working with them until they get tired of helping me or I figure it out which ever one comes first.

1 Like

Look at the link you put around “link to cat pictures”.

Take that and exchange “link to cat pictures” with “cat photos”. Write the <a></a> tags exactly the same, without any whitespace inside the brackets but with the “href” attribute.

The white spaces between the words “…more[.]cat photos[.]in our gallery.” come by adding them in front of the opening <a>tag and after the closing <a>tag.

1 Like

Mod edit: removed solution

Mod edit: removed solution

Mod edit: removed solution