Mobile First - Stats Preview Card Component

Hi Davut Piro, I congratulate you upon completing your second challenge on the platform however have noticed your solution doesn't render well on small mobile media screen.

• Here are some tips I suggest that can make your code cleaner.

1. You can try using the CSS background-blend-property in the <div class="img"></div> container to blend the image and your gradient smoothly.
2. You can also minimize the use of unnecessary div's in your HTML by replacing them with <p></p>tags as they are the sematic tags responsible for holding small text and only use a div in areas where you want to position some content in a specific position or to improve on space around your content.

<div class="numbers">
           <div class="companies"><span class="num">10k+</span> companies</div>
           <div class="templates"><span class="num">314</span> templates</div>
           <div class="queries">
             <span class="num num3">12m+</span> queries
           </div>

Thanks you so much and wish you happy coding!