Nest the existing a element within a new p element

HTML-CSS
#1

Can you check and give me feed back? Thank you in advance. Thank you in advance .

G

  **Your code so far**


<h2>CatPhotoApp</h2>
<main>

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

<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>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (iPhone; CPU iPhone OS 15_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) GSA/210.0.444145502 Mobile/15E148 Safari/604.1

Challenge: Nest an Anchor Element within a Paragraph

Link to the challenge:

#2

Hi @gily34!

I checked your code and at the moment it doesn’t do exactly what the exercise asks.
It asks for the following:

  • Nest the existing a element within a p element
  • The new paragraph should have text that says View more cat photos
  • Cat photos is a link, the rest is plain text

So your code is fulfilling the first requirement (nesting the a element into a new p element), but not the other steps.

The result should have “cat photos” displaying as a link and the rest as plain text. Can you think of a way of modifiying your code to achieve that? :slight_smile:

1 Like
#3

Check all your tags carefully, you need to open and close them like:

<p> <a href="" > </a> </p>

plus the cat photo link you’re using is wrong, read the question carefully and use the link provided in the question

1 Like
#4

Thank you. I’ll keep trying.

1 Like
#5

Good luck and let me know if it helped! :slight_smile: