stats-preview-card-component / HTML CSS Flexbox

Community feedback

• 

  Nathan Ray•230

  @NathanRayMPosted about 1 year ago

  Hello,

  Great work! I have some suggestions that you may find helpful. Instead of using overlay for the image and background color, in CSS You could try setting the background color to the container that the image is in. Then, add the mix-blend mode to your image in CSS and set it to multiply and adjust the opacity. I hope this helps.

  example:

  .image-container{
  background-color: hsl(277, 64%, 61%);
  }
  img{
  mix-blend-mode: multiply;
  opacity: 0.75;
  }
  

  Marked as helpful

  0

  ---

  

  Sindy857•110

  @Sindy857Posted about 1 year ago

  @NathanRayM

  Thank you very much for your feedback. Thats sounds much easier.

  0