Tell us what’s happening:
Describe your issue in detail here.
**Your code so far**
<html>
<body>
<h1>CatPhotoApp</h1>
<main>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p><a href="https://freecatphotoapp.com">Click here to view more cat photos.</a></p>
<a href="https://freecatphotoapp.com">cat photos</a>
<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; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.50 Safari/537.36
Challenge: Step 12
Link to the challenge:
I think what the question is asking is for nesting the tag inside the p tag not a new word .
Hope it helps
You currently have:
<p><a href="https://freecatphotoapp.com">Click here to view more cat photos.</a></p>
<a href="https://freecatphotoapp.com">cat photos</a>
The lesson is asking you to nest the anchor
element within the p
element. It provides the anchor
element and text that should be a link for you. In your attempt you created a new anchor
element and now have two. Having more than one anchor
element will automatically fail the challenge.
So, to fix this I recommend either deleting one of the existing anchor
elements OR clicking Restart Step
at the top center of the page and starting over.
You need to move the anchor
element to the correct position. You embedded it properly so lets think of it in another way. If you were to read this you would first read “Click here to view more” as plain text. Then, you would read “cat photos” which also happens to be a link. After the link, you would see the period (.). It would show as seen here:
Click here to view more cat photos.
If you need any further explanation let me know.