Stats-preview-card

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hi Deepak, congrats on completing this challenge!

  Your solution its almost done and I’ve some tips to help you to improve it:

  I saw that you've tried to create the overlay effect using a div with position: absolute and the color/position properties. But there's an easier and quick way to apply the purple overlay color all you need to use mix-blend-mode to make the color blend between the image and the background-color of the container. See the steps below to apply to the img or picture selector:

  img {
  mix-blend-mode: multiply;
  opacity: 75%;}
  

  Here's a good article explaining these effects with mix-blend-mode: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  1

  ---

  

  Deepak•270

  @DEEPAK-tech40Posted about 2 years ago

  @correlucas thank you so much. Really appreciate your feedback. I'll update the site after commiting the changes you suggested.

  1

  

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  @DEEPAK-tech40 Nice to hear that Deepak, keep it up

  1