Learn by building a cat photo app - Step 12 - not working

HTML-CSS
1

I do not understand why it does not recognize the link as “working”.

Step 12

Turn the words cat photos located inside p element into a link using the same value for the href attribute as the link below the p element. The p element should show the same text in the browser, but the words cat photos should now be a link. Make sure to remove the a element with the text cat photos on the line below the p element.

My code:

Click here to view more cat photos .

A cute orange cat lying on its back.
2

My code (as it was not pasted in the post (for some reason)):

<html>
  <body>
    <h1>CatPhotoApp</h1>
    <main>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more <a href="https://freecatphotoapp.com"> cat photos </a> . </p>
      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back.">
    </main>
  </body>
3

Hi!
In future please link to the lesson, it makes it faster to check your code.

I’ve noticed there’s some extra spacing inside the link each side of the two words and where the full stop is. I’d try removing that as the lessons are very particular about word spacing.

4

Hi.

Thanks, but I’ve not been able to identify the extra spacing.

5

It’s in this bit

> cat photos </a> . </p>

There’s an extra space before and after the words ‘cat photos’ and after and before the full stop. When I remove them your code passes.

6

I have code as

‘’‘

Click here to view morecat photos

’‘’

No spaces believe “nest” is correct, however it still says incorrect

7

Step 12 of Cat HTML exercise
Step 12 of Cat HTML exercise1057×55 13.2 KB

8

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