Stats Preview Card Component

Community feedback

• 

  Andrés Gutiérrez Ramírez•2,470

  @AGutierrezRPosted 11 months ago

  Hello there 👋. Good job on completing the challenge!

  I have some suggestions about your code that might interest you.

  CSS and Styling:

  • To achive the purple color of the images you can set the purple background on the images container and add opacity and mix-blend-mode to the image

    .card__img-half {
      background-color: hsl(276, 87%, 34%);
    }
    
    .card__img-half img {
      opacity: 0.75;    
      mix-blend-mode: multiply;
    }
    

    And remove the .overlay element.

  I hope you find this helpful 😁. Most importantly, your submitted solution is fantastic!

  Happy coding!

  Marked as helpful

  0