All comments

• 

  Alexandre Covolan•310

  @covolan

  Submitted almost 2 years ago

  

  Responsive stats preview card using SASS

  #sass/scss

  1

  100
  

  Paweł Piotrowski•270

  @pawelpiotrowski38

  Posted almost 2 years ago

  Hi Alexandre, good work!

  Regarding the image you could set a background color of its parent (the header element in your case). You should use soft violet (one of the colors from the style guide). Then you can add a property mix-blend-mode to the image and set it to multiply. It would then cause the image to blend with the color of its parent. Last thing is lowering the opacity level of the image to match the design. I used opacity: 0.75.

  Feel free to check my solution and happy coding 😄

  1

  Marked as helpful
• 

  Lucas Miller•70

  @Lucas171

  Submitted over 3 years ago

  

  Responsive Stats Component

  1

  30
  

  Paweł Piotrowski•270

  @pawelpiotrowski38

  Posted over 3 years ago

  Hi Lucas, nice work!

  One of the options to put the color over the image is using a mix-blend-mode property. You can set it on the image with a value of multiply and lower the opacity level like you already did. This will cause the image to blend in with the background.

  Happy coding 😄

  1

  Marked as helpful