Stats preview card component

Community feedback

• 

  hitmorecode•7,560

  @hitmorecode

  Posted about 2 years 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 */
  }
  

  00

  Marked as helpful
• 

  Nwabueze Osita Augustine•10

  @Osytah

  Posted about 2 years ago

  the codes are clean.. keep it up

  01