Submitted over 3 years ago

Card component using Flexbox

Praneet Dixit• 120

@PraneetDixit

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Stats preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

This is the first time I have not made a div soup in a layout! Any feedback is appreciated.

Community feedback

Michael Kret• 470

@atekron

Posted over 3 years ago

you actually should not use overlay, instead set a background of the image div to soft violet ( hsl(277, 64%, 61%)) and use "mix-blend-mode: multiply" with "opacity: 0.75"

Praneet Dixit• 120

@PraneetDixit

Posted over 3 years ago

Thanks for the suggestion. I have updated my solution.

Jay Kumar Gupta• 70

@Jay-AOL

Posted over 3 years ago

nice!

Please log in to post a comment

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