Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

I’m getting the error "Sorry, your code does not pass. Don’t give up.

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 can’t tell what I’ve done wrong. I’ve reviewed the example and it looks to me like I match it exactly. Can someone help me determine the issue?

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

      <a href="https://freecatphotoapp.com">link to cat pictures</a>
      <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/127.0.0.0 Safari/537.36 Edg/127.0.0.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Hi and welcome to the forum!

I noticed your code is split up into multiple lines. For this step, the entire paragraph and its link should be on the same line.

Can you try that and make sure you have the correct spacing once it is all on one line?

2 Likes
3

Thanks for the help! The example showed it split up so I just assumed that’s how it should be done. All in one line worked!

1 Like
4

to be fair, you can write it on multiple lines but you just have to be really careful about the spacing. It is hard to see where any extra spaces may be when you write across multiple lines.