Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
It says that “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 think you can see my code below and I am having problems with the part that wants me to make the words cat photo into a link. Whats wrong with it?

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 <a href="https://freecatphotoapp.com">cat photos<a> in our gallery </p>.
     
<!-- 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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

You appear to have created this post without editing the template. Please edit your post to 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!

3

Hi @smmartinez1999 !
This is not a properly closed anchor tag, close it like just any other element closing tag.

You should also check your spacing. Get rid of the space that comes after this text

You also have to end your text with a full stop, since that’s what the original text entails.

2 Likes
4

Thank you! I got it!

1 Like
5

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