Stats preview card component

Community feedback

• 

  hitmorecode•6,680

  @hitmorecodePosted over 1 year ago

  Well done. Just one thing that maybe you can fix. The overlay color on the picture doesn't match the one from the design. You can fix this by adding the follow

  .image-container {
  background-color: var(--violet); /* add this line */
  }
  
  .picture > img {
  height: 220px;
  border-radius: 1rem 1rem 0 0;
  /* filter: invert(9%) sepia(16%) hue-rotate(227deg) saturate(1522%) */ /* remove this line */
  /*contrast(100%) brightness(54%); */ /* remove this line */
  mix-blend-mode: multiply; /* add this line */
  opacity: 0.9; /* add this line and play with it until you get the result you want */
  }
  

  Marked as helpful

  0
• 

  Nwabueze Osita Augustine•10

  @OsytahPosted over 1 year ago

  the codes are clean.. keep it up

  0

  ---

  

  Motunrayo Adeneye•880

  @motuncodedPosted over 1 year ago

  Thank you @Osytah

  1