Need help with step 12 of cat photo app

In the text of your p element, turn the words cat photos into a link by adding opening and closing anchor (a) tags around these words. Then set the href attribute to https://freecatphotoapp.com

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>See more <a https://freecatphotoapp.com></a>cat photos</a in our gallery.</p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

See more cat photos</a in our gallery.

This is what I have done so far

Hi @mac_kenzo !

If you need help with a challenge, it is best to create your own topic and we can help you there.

How please ?
I am still trying to understand how this works.

I went ahead and created a new topic for you here

I wish there is a way I can even snap and send it, so its easier to explain.

In the future, you can use the help button in the lesson to create a new topic for you

1 Like

Thank you for this. Lets see how I go about it.

You don’t need to create a topic this time because I did it for you.
But in the future, that is how you would do it :+1:

Tell us what’s happening:

Step 12
You can turn any text into a link, such as the text inside of a p element.

I think freeCodeCamp is great.

In the text of your p element, turn the words cat photos into a link by adding opening and closing anchor (a) tags around these words. Then set the href attribute to https://freecatphotoapp.com

CatPhotoApp

Cat Photos

See mor

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>

<!-- User Editable Region -->

      <!-- TODO: Add link to cat photos -->
      <p>See more <a> https://freecatphotoapp.com></a>cat photos</a in our gallery.</p>

<!-- User Editable Region -->

      <a href="https://freecatphotoapp.com">link to cat pictures</a>
      <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/124.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

As to your issue, you have a few syntax errors.

I would suggest resetting the lesson

The lesson wants you to nest an anchor element inside the paragraph

Take a close look at the example they gave you

<p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>

you see how they added an opening anchor tag and closing anchor tag around the word freeCodeCamp?

<a href="https://www.freecodecamp.org">freeCodeCamp</a>

that is what you need to do for this challenge.

You need to add anchor tags around the word cat photos.
then add the href link provided in the lesson.

hope that helps

I am sorry, still don’t get it.

<p>See more <a https://freecatphotoapp.com <a>cat photos</a> in our gallery.</p>

Above is exactly what I did, Please what should I adjust ?

This is not correct syntax here

you need to remove that

now you are left with valid syntax

once you add the href attribute with the correct value to the opening tag here, then the test will pass

Same thing, just hanging here trying and frustrated.

I am sorry I had to border you, thanks for your help.

Like where exactly should I put this

Please post your latest code.
It will be easier to help you that way

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 (').

The freecatphotoapp.com link should go inside the opening anchor tag
it should be part of the href attribute

here is an example of a valid opening tag

hope that helps

Another thing you can do to help you is look at other posts on the forum.
The forum is not able to give out full answers, but there are many other posts of people going through this challenge.
Some of them were close to solving it and those discussions can help you understand where you are going wrong and how to fix it.

for example, this person here was super close to solving it but they had spacing issues

Here are more examples of people going through this challenge
https://forum.freecodecamp.org/search?q=step%2012%20cat%20photo%20app

read through those treads to better understand how to solve this problem.

it looks like you are close, you just have a couple of small issues to resolve

hope that helps