Stats preview card component responsive with @media

Well done but i have little advice that some gave me when i submitted this challenge

            <div class="comp">
              <h3>10k+</h3>
              <p>companies</p>
            </div>
            <div class="temp">
              <h3>314</h3>
              <p>templates</p>
            </div>
            <div class="que">
              <h3>12M+</h3>
              <p>queries</p>
            </div>
          </div>

use ul of instead these div i it's not that much but it's good practice

Hi Mohamed, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:

The hero image has a color slightly different from the Figma design, if you want to match the color you can reach this using mix-blend-mode with mix-blend-mode: multiply;. The multiply will make the image blend the div background and the opacity will make the image less evident and improve the blend between image/purple div. See the code below:

img { 
    mix-blend-mode: multiply; 
    opacity: 0.8;
}

To improve the code structure wrap this div:

<div class="attribution">

with the semantic tag footer

The rest is great!

I hope it helps... 👍

you are very bad

well done ! You can be a SOLUTION for other people.