Nesting of anchors:

Tell us what’s happening:
Describe your issue in detail here.
Am stuck with the challenge of having 1 while the other is nested within the

. Seriously i don’t know what am going to do again.

  **Your code so far**

<h2>CatPhotoApp</h2>
<main>

<a href="https://www.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.">

<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 cat photos<a target="_blank" href="https://www.freecatphotoapp.com">Cat Photos</a></p>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:99.0) Gecko/20100101 Firefox/99.0

Challenge: Nest an Anchor Element within a Paragraph

Link to the challenge:

Hey Taiwo,
You’ve missed an important instruction, which basically says don’t create a new anchor tag - use the one already provided
I can see you’ve added a new paragraph element with nested anchor tag at the bottom, rather than nesting the existing anchor tag at the top.

Also, the output of the elements you added would be:
View more cat photos Cat Photos
The instructions say that “View more” should be plain text and “cat photos” should be the link.

1 Like