Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

Ive tried a couple different things but im still not understanding what im doing wrong while trying to change cat photos to a link

Your code so far

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

Your browser information:

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14541.0.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

1 Like

the problem is in the

See morecat photosin our gallery.

thats where im having the problem

1 Like

Howdy :wave:

Your code is very close, however the text of your <p> element technically has a typo in it. Text within a <p> also pays attention to spaces.

Step 12 is wanting you to output this:

" See more cat photos in our gallery. "

However, your code has the words “more” and “cat” combined without a space.

Hope this helps, happy coding!

1 Like

Great work! I think you just need to add a space after the work ‘more’ and your ‘a’ tag to make it look better on the screen. I am not sure if you need the link under it. Try it with the adding the space first. If failed try removing the second ‘a’ tag underneath the first ‘a’ tag. Good luck!

1 Like

it did not work after i put the spaces all it says is “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.”

1 Like

Can you post your updated code? Thank you!