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 card built with CSS Flex-box

P
John Davidsonβ€’ 210

@John-Davidson-8

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


Third project completed πŸŽ‰. Massive learning curve on this one. I am finding the only way to become familiar with layouts and CSS Flexbox is trial and error as I code. It is far from perfect but I feel I am learning from my mistakes. The gap property in Flexbox has become my new best friend πŸ€› . It is so easy to form bad habits. I would like to thank Grace in the Frontend Mentor Slack community for her invaluable helpπŸ™.

Community feedback

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