Stats preview card component solution

Community feedback

• 

  hitmorecode•6,680

  @hitmorecodePosted over 1 year ago

  Congratulations well done, looks good. For the overlay you can add mix-blend-mode: multiply; to mix the image and the overlay.

  .image::after {
  content: '';
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  mix-blend-mode: multiply; /* add this line */
  background-color: var(--clr-image-violet);
  opacity: 0.8;
  }
  
  

  And if you lower the breakpoint you'll have a better transition from desktop to mobile

  Marked as helpful

  0

  ---

  

  Unkookerinho•460

  @UnkookerinhoPosted over 1 year ago

  @hitmorecode Didn't know about mix-blend-mode, thanks!

  0