Skip to content
Submitted 7 months ago

Stats preview card using Flexbox and CSS Grid

Alberto Raúl José•610
@alberto-rj
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

What specific areas of your project would you like help with?

👍 Hi, if you have any ideas on how I can improve the background on the image to match the design, please let me know.

Community feedback

  • Sander Buist•410
    @SanderBuist2Posted 7 months ago

    if you add:

    • mix-blend-mode: multiply;

    to your img in your css, the image will blend with the background and will keep the darker colors. (there are more modes with differend effects, you can play with them)

    Marked as helpful
    1
    Alberto Raúl José•610
    @alberto-rjPosted 7 months ago

    Sorry I couldn't get back to you sooner, Sander! I've been busy.

    👍 Thanks a lot for your great feedback, Sander. I'll definitely be able to improve my solution based on your feedback.

    0
    Alberto Raúl José•610
    @alberto-rjPosted 7 months ago

    @SanderBuist2, I applied your great feedback to my solution and succeeded! Thanks again

    May I mention you in the Acknowledgments section of the README.md of my repository, expressing my thanks?

    0
    Sander Buist•410
    @SanderBuist2Posted 7 months ago

    @alberto-rj No problem. Offcourse you can!

    0
    Alberto Raúl José•610
    @alberto-rjPosted 7 months ago

    Cool!

    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