Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Stat Card Using HTML CSS Flexbox

Priya Gargā€¢ 200

@Priya366

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello! I am glad To complete this challenge because I learnt a new flexbox property i.e. Order. Yes, it may seem laughable coz its a common property. But it was new to me. "One Problem" - I might have messed up in image overlay opacity. Do feedback on how to improve it. Thank You!

Community feedback

Shashree Samuelā€¢ 9,260

@shashreesamuel

Posted

Hey good job completing this challenge.

Keep up the good work

Your solution looks great however I think that your card needs to be scaled up a little using transform: scale().

I hope this helps

Cheers Happy coding šŸ‘

1

Please log in to post a comment

Log in with GitHub
Discord logo

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