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

<!-- please what is wrong with this code-->

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

<!-- please what is wrong with this code-->

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

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

Link to the challenge:

Please Tell us what’s happening in your own words.

Learning to describe problems is hard, but it is an important part of learning how to code.

Also, the more you say, the more we can help!

1 Like

Everytime I put or write the code and check it,it say 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.
I am a it confused help please?

Can you post your code for me to see?

I would reset the code. You should only add one opening anchor tag and one closing anchor tag. Add zero additional text.

1 Like

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.

Check Your Code (Ctrl + Enter)

Test

Sorry, your code

You have two anchor tags, reset your code and do the same thing you did earlier, just don’t add two anchor tags like you did before.

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