Tell us what’s happening:
Describe your issue in detail here.
im not sure what Im doing wrong exactly. but I keep getting this prompt. 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 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.6 Safari/605.1.15
Challenge: Learn HTML by Building a Cat Photo App - Step 12
I’ve edited your code 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.
but when I changed it to having cat photo once it gave me the same promt of 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. this is really hard
Yes, it gave you that prompt because you copied the wrong answer.
Instead of copying an answer, you should try to build the right answer.
This is the correct anchor element, but you put it in the wrong place. You should have put in in place of the original words cat photos instead of writing cat photos again at the end of the p.