Stats Preview Card using CSS Flex

Community feedback

• 

  Cooger•270

  @Cooger17Posted about 2 years ago

  Hi! Great solution on this challenge

  Here an advice who helped me to deal with image from @correlucas

  To get closer to overlay effect on the photo as the Figma Design its better you use mix-blend-mode. All you need is the <div> under the image with this background-color: hsl(277, 64%, 61%); and apply mix-blend-mode: multiply and opacity: 80% on the <img> or <picture> selector to activate the overlay blending the image with the color of the div. See the code bellow:

  img { mix-blend-mode: multiply; opacity: 80%; }

  Hope it will help you!

  0