<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. <a href="https://freecatphotoapp.com">cat photos</a> is the best.</p>
<a href="https://freecatphotoapp.com">link to cat pictures</a>
<!-- 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/119.0.0.0 Safari/537.36
Greetings. I am experiencing difficulty passing step 12 of building cat photo app. I am required to add an anchor with a text to a paragraph. After entering the codes, I got the below reply:
*Sorry, your code does not pass. Don’t give up.
*The link’s text should be cat photos. You have either omitted the text or have a typo.
Also below is the step 12:
Step 12
You can turn any text into a link, such as the text inside of a p element.
<p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>
In the text of your p element, turn the words cat photos into a link by adding opening and closing anchor (a) tags around these words. Then set the href attribute to https://freecatphotoapp.com
Equally, below is my coding:
See more cat photos in our gallery. cat photos is the best.
For the future, using freeCodeCamp’s built-in Help button (which appears after getting the challenge wrong at least three times) is helpful both to yourself and to people who would respond to you. That Help button automatically creates a draft forum post that includes a link to the challenge you need help with, boilerplate for describing your issue, and crucially, your code so far. Using the built-in Help button means you don’t have to remake or copy-paste any of that.
As for your code, the challenge isn’t asking you to add any new text to the p element. It’s simply asking you to add opening and closing a tags around the text cat photos that’s already in the p element. Best of luck!
Greetings. I am experiencing difficulty passing step 12 of building cat photo app. I am required to add an anchor with a text to a paragraph. After entering the codes, I got the below reply:
After nesting the anchor (a ) element, the only p element content visible in the browser should be See more cat photos in our gallery. Double check the text, spacing, or punctuation of both the p and nested anchor element.
Also below is the step 12:
Step 12
You can turn any text into a link, such as the text inside of a p element.
<p>I think <a href="https://www.freecodecamp.org">freeCodeCamp</a> is great.</p>
In the text of your p element, turn the words cat photos into a link by adding opening and closing anchor (a) tags around these words. Then set the href attribute to https://freecatphotoapp.com
my code so far
<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 <a href="https://freecatphotoapp.com">cat photos</a></p>
<a href="https://freecatphotoapp.com">link to cat pictures</a>
<!-- 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/119.0.0.0 Safari/537.36
sorry I haven’t been online since I got really busy with college