Your a element must be nested

HTML-CSS
1

Does ‘nesting’ not mean to put the a element within the two p elements?

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>

<p>View more <a target="_blank" href="https://freecodeacademy.org">cat photos</a>.</p>


</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36.

Challenge: Nest an Anchor Element within a Paragraph

Link to the challenge:

1 Like
2

Yes, it means to put the <a> element inside the <p> element (between the opening and closing p tags.

Click the Reset All Code button to start fresh. Notice the instructions:

Nest the *existing a element within a new p element.

This means move the existing a element into a new p element. Don’t add a new a element, just move the one that is there.

1 Like
3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.