Learn HTML by Building a Cat Photo App - Step 12

Tell us what’s happening:
Describe your issue in detail here.

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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

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

Link to the challenge:

You are soooo close. This one catches a lot of people. You don’t want the extra space between the word “photos” and the closing </a> tag.

I thought that spaces don’t matter when it comes to Html.

Look at the link in the preview pane (with an extra space in the link after the word “photos”). Do you see how the underline for the link goes one space past the word “photos”. If you get rid of the space after “photos” then the link ends at the word “photos”. So in this case, spaces do matter a little.

Now if you had 5 spaces after the word “photos” then your browser would automatically reduce them to just one space. So spaces don’t matter in that sense. But having a space inside the link after the word “photos” definitely makes a difference here.

1 Like

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