<html>
<body>
<main>
<h1>CatPhotoApp</h1>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<!-- User Editable Region -->
<p>See more cat photos in our gallery.</p>
<p> <a href="https://freecatphotoapp.com">cat photos</a></p>
<!-- 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/120.0.0.0 Safari/537.36
You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!
Here is the excellent example provided for this step.
Before the anchor was added to it I think it read, <p>I think freeCodeCamp is great!"</p>
Once the anchor has been added it appears as the example:
<p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>
The first thing to notice is that nothing is changed, deleted or added to the p statement.
Only the anchor tags have been added before and after the text freeCodeCamp to turn it into a link.
Notice how it is touching the text on both sides.
This is how cat photos should be turned into a link while remaining within the p element statement.
Rememeber to add the provided href to the opening anchor
I hope this helps you move on.
If this helps you, please check off Solution by Zaklina as she provided good guidance. I just added a bit to it.
