Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

the text inside my anchor element had a typo or a leading white space that i cant seem to figure out. 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 your 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; rv:127.0) Gecko/20100101 Firefox/127.0

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Hello and welcome to freeCodeCamp.

Remove the space that is directly before the text cat photos.
Add a space directly after the text See more
Add a space directly before the text in your gallery.
There should be no spaces in your a element other than the one in-between cat and photos
Example: <p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>

2 Likes
3

The spacing is wrong as you have guessed.

The anchor text should only have one space between the words cat and photos.

The remaining spaces should be to the left and right of the following and preceding text.

1 Like
4

it worked thank you so much.

1 Like
5

You’re welcome. Happy coding!

6

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