Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

Describe your issue in detail here.

Your code so far

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

<!-- User Editable Region -->

      <p>See more cat photos in our gallery. <a href="https://freecatphotoapp.com">cat photos</a> is the best.</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/119.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

hello welcome to the free code camp form can you please explain your problem so I will be able to help

1 Like

Tell us what’s happening:

Describe your issue in detail here.

Greetings. I am experiencing difficulty passing step 12 of building cat photo app. I am required to add an anchor with a text to a paragraph. After entering the codes, I got the below reply:
*Sorry, your code does not pass. Don’t give up.
*The link’s text should be cat photos. You have either omitted the text or have a typo.

Also below is the step 12:

Step 12

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

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

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

Equally, below is my coding:

See more cat photos in our gallery. cat photos is the best.

link to cat pictures
1 Like

For the future, using freeCodeCamp’s built-in Help button (which appears after getting the challenge wrong at least three times) is helpful both to yourself and to people who would respond to you. That Help button automatically creates a draft forum post that includes a link to the challenge you need help with, boilerplate for describing your issue, and crucially, your code so far. Using the built-in Help button means you don’t have to remake or copy-paste any of that. :smile:

As for your code, the challenge isn’t asking you to add any new text to the p element. It’s simply asking you to add opening and closing a tags around the text cat photos that’s already in the p element. Best of luck!

1 Like

Greetings. I am experiencing difficulty passing step 12 of building cat photo app. I am required to add an anchor with a text to a paragraph. After entering the codes, I got the below reply:

After nesting the anchor (a ) element, the only p element content visible in the browser should be See more cat photos in our gallery. Double check the text, spacing, or punctuation of both the p and nested anchor element.

Also below is the step 12:

Step 12

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

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

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

my code so far

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

<!-- User Editable Region -->

      <p>See more cat photos in our gallery <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/119.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

1 Like

The words cat photos between the text here should be nested in a tags.

2 Likes

Thanks for all of your help! if it wasn’t for you I would’ve still been stuck!
:sparkling_heart: sorry I haven’t been online since I got really busy with college