Turn an Image into a Link HTML and HTML5

Tell us what’s happening:
I am putting my herf ="#" element but it says that i still have not done it. Both a elements have the herf="#" and neither of them count . So what do i do to fix this?

Your code so far


<h2>CatPhotoApp</h2>
<main>
  <p>Click here to view more <a herf="#">cat photos</a>.</p>
  <a herf="#">
<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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36.

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

should be href not herf