Submitted almost 4 years ago

Responsive Stats Card using HTML/CSS Flex, Grid, Overlay Positioning

LVL 1

@mdrizwanfk

A solution to the Stats preview card component challenge

Solution retrospective

This challenge was difficult as there are moving pieces/elements for different viewports. Purple Overlay was yet another challenge, solved this with absolute positioning. Had fun, nonetheless.

Q. Is it too much to define image-sizes as CSS Custom Properties, and using them throughout, for overlays/explicit declarations, these definitions can be useful.

Q. Is there a better way or set of rules that can make overlays easier?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Rizwan Khan’s solution.

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