Submitted about 2 years ago

Stats Preview Card Component using HTML, CSS, and Flexbox

Christina•240

@codercreative

Preview site View code

This is a solution for...Stats preview card component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

I had problems with making the image fit. I solved it by using "object-fit: contain" for the mobile version and "object-fit: cover" for the desktop version. I made it work, but I am sure there is a more elegant solution.

Any feedback is welcome :)

Community feedback

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