Can't pass step 12 in new responsive design

the instructions

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

      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->
      <p>Click here to view more<a href=""> cat photos</a>.</p>
      <img src="" alt="A cute orange cat lying on its back.">

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

1 Like

Please provide a link to the challenge.

thank you sir, i’m new to the forum

That’s cool. Just please provide a link. Or from the challenge, the Ask for Help button will do it all for you.

1 Like

You’ve added the space to the anchor, as " cat photos". That should be part of the text before the anchor.

When I fix that, it passes for me.

thank you for the reply sir, can i see a screenshot of that particular line, if you don’t mind

I don’t understand.

In the answer you gave:

<p>Click here to view more<a href=""> cat photos</a>.</p>
                                               This space here  ꜛ

That space should not be part of the anchor link. Remove it from here and add it back in after the word “more”.

What you have is almost the same, and maybe some people would code it that way, but I don’t think it is the best way to do it and it is not what the test is expecting.

thanks very much sir, have done the correction

1 Like