Stats preview card component

Community feedback

• 

  Ismail•40

  @ismo1184Posted over 2 years ago

  Also, you set the breakpoint way too late. It should be set way ealier at like 1042px. Aside from that, it looks good.

  0

  ---

  

  Gergana Vladimirova•40

  @GerganaVVladimirovaPosted over 2 years ago

  @ismo1184 Thank you didn't know about background-blend-mode

  0
• 

  Ismail•40

  @ismo1184Posted over 2 years ago

  Working on the same project currently. I think you need to set the image as a background image for the div and also set the background color. After that, you need to use background-blend-mode in order to blend the two. The following worked for me and made the image purple:

  .promoPic { width: 50%; background-color: hsl(277, 64%, 61%); background-image: url("images/image-header-desktop.jpg"); background-size: cover; background-blend-mode: multiply; background-repeat: no-repeat;

  0