Skip to content
Submitted almost 3 years ago

Stats preview card component using flexbox

Julian Krüger•100
@juliankruger
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

If there is an easier approach to put color to that image, please let me know!

Getting that color on the image was quite a challenge. I ended up creating that image only in css. I used background-blend-mode multipy which got pretty close but then I also used a transparent pseudo element on top of it to tone down the dark colors of the image a bit.

Community feedback

  • Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    Hi! Julian, great work. I appreciate your hard work. Your Desktop design response is good. I also checked mobile response and I found that margin is needed at both ends vertically to look more great.

    Overall Really Nice!

    Good Luck

    Marked as helpful
    1
    Julian Krüger•100
    @juliankrugerPosted almost 3 years ago

    @skyv26 Hi Aakash,

    thank you very much for your feedback, I added some margin just as you suggested.

    Have a great day!

    Greetings, Julian

    1

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