Skip to content
Submitted about 4 years ago

Stats Preview Card Components

Victor Eke•250
@Evavic44
A solution to the Stats preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code

Please log in to post a comment

Log in

Community feedback

  • Tarek Mo•365
    @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