stats-preview-card-component-main using flexbox and grid

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  👾Hello again Moeka, congratulations for your new solution!

  Here's some tips for you:

  To have your image purple with the same overlay effect, you need to use mix-blend-mode to make this 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

  Is better to use relative units as rem or em instead of px to improve your performance resizing fonts between different screens and devices.

  ✌️ I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  rizkyizh•230

  @moe-kaPosted about 2 years ago

  Thank you Mr. @correlucas 🙌 it's helpful. I hope you to give me more tips for solutions then 👋

  0