Learn HTML by Building a Cat Photo App - Step 12

HTML-CSS
1

Tell us what’s happening:

i have written this code See more cat photos in our gallery but it is not working what to do. I have tried adding spaces and all

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Everyone loves cute cats online!</p>

<!-- User Editable Region -->

  See more<a href="https://freecatphotoapp.com"> cat photos </a> in our gallery

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

Challenge Information:

Learn HTML by Building a Cat Photo App - Step 12

2

Make sure the text is EXACTLY the same as the example.

[quote="yanj9157, post:1, topic:718859"]
`photos </a> in`
[/quote]

Here you can see you have a space after ‘photos’ and a space before ‘in’ so there are two spaces between the words.

If you look at the hint:

You should have the words See more before the anchor element.

Can you see there is a space after ‘more’? That means there should be "see more " before the anchor, with a space.

The <a></a> tags should be right around ‘cat photos’ with no spaces, like this:

<a>linked text</a>
Here is <a>linked text</a> in a sentence.