Stats preview card component using HTML CSS

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  Hello Vega, congratulations for your solution!

  I saw your live site and seems really good. The only thing you can improve a little bit is the card image, your solution is yet working out. But if you want the exact match to the design file you can consider using mix-blend-mode to reach the color and play with the opacity to blend the photo with the background. See the code inside your img class below:

  .img-header { mix-blend-mode: multiply; opacity: 0.75; background-size: cover; background-blend-mode: multiply; }

  If you're interest in mix-blend-modes check the documentation here: https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode

  I hope it helps you, congrats for the solution!

  Marked as helpful

  0

  ---

  

  Vega•130

  @vega-bitPosted over 2 years ago

  @correlucas thank you for your comment and thank you so much for your advice, i will trying your code, and i wil learn more about blending mode

  1

  

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  @vega-bit You're welcome Vega. Keep coding!

  0