Skip to content
Submitted over 1 year ago

Stats-Preview-Component using CSS Grid

George Manimbo•180
@Georgenico
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi, I'm not really sure how to properly color the image. I will check your code and get an additional idea of how you did this part. Please give honest feedback. Thank you!

Community feedback

  • visualdennis•8,375
    @visualdennissPosted over 1 year ago

    Great job completing the challenge!

    Regarding color. You don't need all this hackaround with ::before and position absolutes and relatives etc. You can simply do the following:

    • remove the opacity from the .image-container.

    • add these to .image itself { mix-blend-mode: multiply; opacity: .75; }

    this should get you very close to the original design. Had submitted my solution for this challenge today as well, so you might wanna check it out (since you said so above)

    Hope you find this feedback helpful!

    Marked as helpful
    0
    George Manimbo•180
    @GeorgenicoPosted over 1 year ago

    @visualdenniss I see. Thank you so much for this additional knowledge!

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord