Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

For the life of me i cant figure this out

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/118.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

Welcome to the forum.

You seem to have removed the rest of the text from the p element. Reset the challenge and code again, don’t delete any text this time.

Okay. I’ll try to make this simple as it seems everybody who answers questions on here does not respect the beginners in coding as beginners.

When turning words WITHIN a <p> element to a link, you would use an <a> element and provide the href value that the link will use to redirect upon clicking. in this case you are using "https://frecatphotoapp.com". BUT the challenge ONLY wants the words “cat photos” to be a clickable link. In order to do this, you must do EXACTLY what the challenge says:

" 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."

It would look like this: <p>See more <a>cat photos</a> in our gallery.</p>.

See how in the example above I surrounded ONLY the words “cat photos” in the <a> element?

Now the only thing affected by changes in the <a> element will be the words “cat photos”.

Now what we want to do is assign an href value to the <a> element to change ONLY the words “cat photos” how we want.

With that being said you can add the href value provided by the challenge
<a href="https://freecatphotoapp.com>

That would leave you with this line of code:
<p>See more <a href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>

THE ONLY MISTAKE YOU SEEMED TO HAVE MADE IS NOT DOING EXACTLY WHAT THE CHALLENGE ASKS YOU. YOU REMOVED THE WORDS “SEE MORE” FROM YOUR <p> ELEMENT.

Hope this helps and happy coding!

Where are you finding the challenge?

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