Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.
i really dont understand what im doing wrong, in the preview to the right it works exactly how it supposed to, its a link that takes me to the photos that says cat photos

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p><a href="https://freecatphotoapp.com">cat photos</a></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.">
    </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/113.0.0.0 Safari/537.36 OPR/99.0.0.0

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-12`Preformatted text`

The sentence inside the p element should still read “See more cat photos in our gallery.” You’ve deleted all the text except for “cat photos”.

i made it cat photos because i thought thats what it meant in instructions, but even after changing it to “see more cat photos in our gallery” it still says its wrong ):

Hello!

Granted you did anchor the words ‘cat photos’ as requested. However, this should be done within the original text for the p element.
Happy coding!

Did you turn the words “cat photos” into a link as well?

We would need to see your HTML in order to help you better. To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

is it not inside of it? i have the p elements on either side of the a anchor?

<p><a href="https://freecatphotoapp.com">cat photos</a></p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

like this?

Again, you deleted all the other text in the p element. I would restart the step to get the original HTML back and then only add the opening and closing a tags to turn “cat photos” into a link.

so originally it says

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

all i deleted was “see more cat photos in our gallery” so that i could replace it with the text “cat photos” like it wanted, so im just having trouble grasping what i deleted thats wrong and im really sorry if im being slow on this !!!

That’s not what it wanted. It wants you to turn the words “cat photos” into a link. It doesn’t say anything about deleting the rest of the text.

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

Nothing about deleting text. Only about turning the words “cat photos” in the text of the p element into a link.

1 Like

omg thank you so much it worked i completely understood the question wrong. it wanted “cat photos” turned into a link while still keeping the rest of the sentence meanwhile i thought all it wanted was “cat photos” turned into a link

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