I need help with this one

HTML-CSS
1

Tell us what’s happening:

I’m not quite sure what to do at this point…

Your code so far


<h2>CatPhotoApp</h2>
<main>

<a href="https://freecatphotoapp.com" target="_blank">cat photos</a>

<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>
<p> View more cat photos <a href="http://catphotos.org"></a></p>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.105 Safari/537.36.

Challenge: Nest an Anchor Element within a Paragraph

Link to the challenge:

2

Hey Krystal,

I think you are just adding your <p> element in the wrong place. The exercise is wanting you to wrap the exsisting <a> element on line 3 with a new <p> element, and then add the words "View more " in front of it.

This code below solved the challenge for me:

<h2>CatPhotoApp</h2>
<main>
<p>View more <a href="https://freecatphotoapp.com" target="_blank">cat photos</a></p>
<img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back.">

<p>Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
</main>

Hopefully this helps! Happy coding!

3

Thank you midnaVaria

1 Like