Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

I am having a challenge with passing step 12 were it is asking me to turn the text in my p element cat photos into a link by adding an opening & closing anchor (a) tags

The original p element was

See more cat photos in our gallery.


and after trying to turn cat photos to a link (step 12) I created/wrote the code

Click here to view more cat photos

I was giving a hint stating " 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."

but I still can not figure out where my mistake is. Any help would be greatly appreciated.

Your code so far

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

<!-- User Editable Region -->

      <p> Click here to view more <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/112.0.0.0 Safari/537.36

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

Link to the challenge:

2

You should not have changed the original text in any way. The only thing you are doing in this challenge is creating the link. The original text that you need to keep is

“See more cat photos in our gallery.”

I would reset to get the original text back and the way it needs to be

3

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