Stats preview card component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello again Yunus, congratulations for your new solution!

  Your solution seems great, I can see the level of details you've applied here. Something you can improve is the container image color. To have your image purple with the same overlay effect, you need to use mix-blend-mode to make this color blend between the image and the background-color of the container. See the steps below to apply to the img or picture selector:

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

  👋 I hope this helps you and happy coding!

  Marked as helpful

  1

  ---

  

  Yunus Emre Çınar•360

  @yunusemrecinarPosted about 2 years ago

  @correlucas Ty so much. Yes I realized this and tried to solve hovewer whatever I tried It didn't work. I couldn't reach the container image color. Btw I tried the code you write and It didn't work.

  1

  

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

  @Yunuscinar41 This code should be add to the img selector with the image inserted in the html and having a purple div under it.

  Here's my solution for this challenge if you wants to see how I build it: https://www.frontendmentor.io/solutions/stats-preview-card-vanilla-css-custom-design-text-animation-RfGBFlMpwK

  Marked as helpful

  1