Stats Preview Card Component

Community feedback

• 

  Adriano•38,390

  @AdrianoEscarabotePosted almost 2 years ago

  Hello Keith, how are you? I truly loved your project's outcome, however I have some advice that I hope you'll find useful:

  The hero image has a color slightly different from the Figma design, if you want to match the color you can reach this using mix-blend-mode with mix-blend-mode: multiply;. The multiply will make the image blend the div background and the opacity will make the image less evident and improve the blend between image/purple div. See the code below:

  img { 
      mix-blend-mode: multiply; 
      opacity: 0.8;
  }
  

  You can read this content which is explaining these effects with mix-blend-mode: click here

  To remove the scrollbar do this:

  body {
      padding: 1.25rem;
      /* margin: 1.25rem; */
  }
  

  The remainder is excellent.

  I hope it's useful. 👍

  Marked as helpful

  1

  ---

  

  Keith•70

  @Grill3dCheesePosted almost 2 years ago

  Hey! @AdrianoEscarabote - thank you so much for this feedback and explaining the mix-blend-mode! So that's how you do it?! I was struggling with this part and really appreciate your help!

  1