stats-preview-card-component-main

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Israel John, congratulations for your new solution!

  Your component is almost finished, but there are two things you can fix related to the image to have a better behavior when the container starts to scale down. Here's my tips:

  1.Fix the image behavior and make it responsive with display: block and max-width: 100%

  img {
      display: block;
      max-width: 100%;
  }
  

  2. Add the proper purple overlay effect for the image, matching the design files you can use, filteror mix-blend-mode. See the code below

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

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Israel John•150

  @IsraeljonPosted over 2 years ago

  Thanks

  0