Ordered lists html

I have coded them correctly. Even my preview is working. But it keeps saying "you should have make an order list for the things cats hate most

  **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://www.bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p> Top Three things cats hate:</p>
<ol>
  <li>bears</li>
<li>trapped in garbages</li>
<li>black olives</li>
</ol> 
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 11; SM-A325F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.91 Mobile Safari/537.36.

Challenge: Create an Ordered List

Link to the challenge:

Hi! It’s just a small typo
The specifications say: "You should have an ordered list for Top 3 things cats hate:".

You’ve typed Three in words instead of in digits, that’s all…