Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:

I do what he asks but still tells me there is something wrong " 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."

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

Hello there!
You have a spacing issue.

2 Likes

This is exactly how my code looks too and it is not working. Where is the spacing issue? Because the console shows it exactly how it is supposed to look according to the hint.

I figured it out. You need to keep the code all on one line that way you aren’t creating unnecessary spaces that don’t show up on the console.

1 Like

Please don’t hijack other people’s posts. Thanks

I literally tried every type of spacing possible :sob:

1 Like

Please put the anchor and paragraph back on one line again.
Then check carefully that there is one space between each word.
Show us the code again if you are still stuck.

1 Like

I understand your frustrations, let me see what you have after the updates.

1 Like

See more cat photosin our gallery.

Here is the code in one line.

ok that explains a lot. thank you @hbar1st . and all of you guys.

1 Like