Please i need help with this code /Nest the existing img element within an a element. Your a element should be a dead link with a href attribute set to #

HTML-CSS
1

Tell us what’s happening:

Your code so far


<main>

<p>View more

<a href="#" target="_blank"> cat photos</a>

</p>

<img src="#" alt=_blank.”>

<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 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.120 Safari/537.36.

Challenge: Turn an Image into a Link

Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link

2

Nest your image within an a element. Here’s an example:

<a href="#">
  <img src="https://bit.ly/fcc-running-cats" 
       alt="Three kittens running towards the camera.">
</a>

Place the existing image element within an a ( anchor ) element.

You should create an a tag outside the img tag, so the “#” should be inside the a tag, not the img tag.