Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
Hii, i am stuck on step 12 i followed the hint but to no avail. Please help.

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>
      <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.">
    </main>
  </body>
</html>

Your browser information:

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

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

Link to the challenge:

2

You have the right idea but you have to be mindful of whitespaces. You are asked to turn the words ‘cat photos’ into a link, not ’ cat photos '. Remove the extraneous whitespaces.

1 Like
3

Thanks for replying!
I don’t know what whitespaces are can you please tell me what are they?

4

A whitespace is simply another word for a single space character, as in the spaces which separate the words in this sentence. It also refers to any other ‘invisible’ spaces, which can be created by carriage returns or tabs etc (so includes vertical space too).

1 Like
5

Thank you for letting me know :blush:.
I passed step 12 thanks to you!

6

Remove all the extra spaces. That is, remove one space to the left of cat, one space to the right of photos and one space to the right of the period (dot)

7

Thanks for replying!
Step 12 complete!

1 Like