Problrm in linking to External Pages with Anchor Elements

Tell us what’s happening:
As you can see my code, the a element is not working.
It shows that the a element yet needs to be connected to the url.

Your code so far


<h2>CatPhotoApp</h2>
<main>
 <a href="https://freecatphotoapp.com">
  cat photos</a>
  
   <img src="https://bit.ly/fcc-relaxing-cat" 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 (Windows NT 10.0; Win64; x64; rv:68.0) Gecko/20100101 Firefox/68.0.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements

please help me, i am a beginner,

href need to match exactly the link provided, yours has a slight difference