Stats preview card component with flexbox

Community feedback

• 

  Pierce Issah•120

  @PJIceskullPosted over 1 year ago

  Hey Melina, you did a really good job building the preview card. For your question, my advice would be to use the background-blend-mode CSS property. You wouldn't need to have a div for the color as you can use the property for the imagen div. If you have used the blend modes in Photoshop then you should be familiar with them in CSS. Under the CSS for your image class, you can use something like

  .imagen {
  background-blend-mode: multiply;
  }
  

  I recommend experimenting with blend mode in developer mode. If you edit the opacity of the background color then I would recommend using RGBA values like

  .imagen {
  background-color: hsl(277deg 64% 61% / 75%);
  }
  

  or

  background-color: rgb(170 92 219 / 75%);
  

  1
• 

  Daniel Alejandro Contreras Martinez•180

  @SevroAuBarcaPosted almost 3 years ago

  Amazing!

  1
• Account deleted

  There are a couple ways to do that. The easiest, I think, is to add a background color and opacity for the image.

  0
• 

  Mostafa Samer•80

  @MostafaSamerPosted almost 3 years ago

  I had the same issue, didn't know which color to put on it?

  0