Stats-Preview| Front-End -Mentor

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Carrara, congratulations for your solution!

  Your component is working fine and responsive. But you can improve it importing the image using <img> or <picture> directly from the html, doing that is better than using a pseudo-elements for SEO reasons.

  To add the exact same purple overlay effect for the image, matching the design files you can user, filter , background-blend-mode or mix-blend-mode (the best choice in my opinion). See the code below:

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

  Hope it helps and happy coding!

  0

  ---

  

  karraras•280

  @karrarasPosted about 2 years ago

  @correlucas thank you so much for your feedback

  0