Stats Preview Card Components

Solution retrospective
This card was aligned using CSS flexbox which required a large chunk of CSS code to work, would prefer to have a simple solution to design this. If you have any recommendations, do well to let me know. Thanks
Please log in to post a comment
Log in with GitHubCommunity feedback
- @tarek-mo
Hey Victor, I've read your code and this is what i think could be improved: the section with the class 'container' isn't perfectly centered vertically, and that's because you added a margin top of 10.5rem. Instead what you can do is set this section to position absolute and type top: 50%; left: 0; transform: translateY(-50%) which will center it vertically in all devices
Marked as helpful
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