What's wrong with this code

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

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

<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 (Linux; Android 8.1.0; TECNO CA7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.73 Mobile Safari/537.36.

Challenge: Turn an Image into a Link

Link to the challenge:

try to review all the code again, because the error is in this part <a href="#" and this too "> is an error.

Your nesting is not correct.
Focus on this part:

<a href="<img src="#" alt="">"></a>

The correct way to nest your image within an a element is:

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

You can use this as reference … 1) Link goes in the opening ‘a’ tag .
2) Image tag goes between opening and closing ‘a’ tag.