Tell us what’s happening:
Describe your issue in detail here.
Hello!
Please help me with ‘Learn HTML by Building a Cat Photo App’, Step 12.
I need assistance in nesting an anchor inside a p element.
I keep getting the same error despite having gone through all the suggestions on this platform.
Hint
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.
Your 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/110.0.0.0 Safari/537.36
Challenge: Learn HTML by Building a Cat Photo App - Step 12
Hello JeremyLT,
Thank you so much for your feedback but I seem not to understand what you mean by I added a new word and instead turned it into a link.
The initial p element has the words “See more cat photos in our gallery”. If I try to to nest an a element in the p element without these words the error mentions that those words are missing.
Do you mind using an example to show what you mean?
Do you see the words ‘cat photos’ here? You need to put the anchor element around these words.
Instead you wrote a brand new ‘cat photos’ an the end of the sentence. This means that your webpage displays “See more cat photos in our gallery. cat photos”, which is confusing.
Should I have an anchor around both “See more cat photos in our gallery” and “cat photos”?
Should the browser display “cat photos See more cat photos in our gallery”?
When you mention the first “cat photos” are you referring to “See more cat photos in our gallery”? Or should I change the latter to be the former?
What should the new anchor element inside the p element look like?