Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

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>

<!-- 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/118.0.0.0 Safari/537.36

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

Link to the challenge:

2

If you are still stuck on this, the reason you are not passing is because the tests are very strict about white space and you have added extra white space where you shouldn’t have.

You did create the link properly, but you added an extra space between the words “cat” and “photos”. You also added extra white space by splitting the p element into separate lines. As a general rule, if an element is all on one line then you should leave it like that, even if you add extra text or elements inside of it.

Once you get rid of all the extra white space and put the p element back to being on one line then you will pass.

1 Like