stats-preview-card-component-main css grid y flexbox

Community feedback

• 

  JuvoGenesis👾•2,010

  @AkoToSiJeromeEhPosted over 1 year ago

  Hi ! Great Work Out there , I just want to share how can I achieve to match the image overlay in the design reference using the mix-blend-mode: multiply , and what you need to do is add a bg-color in .image-container(.morado) lastly add mix-blend-mode:multiply on (.imagedesk), also i notice that there is a gap between the image and the container so i recommend to add a css properties(vertical-align:middle) on image to fit the image or remove the gap. (the bold text is the code I modify in your source code) I hope this suggest works and helps . happy coding

  .imgdesk {

  width: 100%;

  opacity: 0.8;you can adjust this

  vertical-align: middle;

  mix-blend-mode: multiply;

  }

  .morado {

  background-color: hsl(277deg 64% 61%);

  }

  Marked as helpful

  0

  ---

  

  Gabriel Veliz•440

  @gabrielvelizPosted over 1 year ago

  @AkoToSiJeromeEh Thank you, I will use it in the next challenge.

  0