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
<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>
</html>
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.
<p>Click here to view more<a href="https://freecatphotoapp.com"> 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.