Stats Preview Card Component

Solution retrospective
More focused on the responsive aspect this time around. To be honest - not sure how'd I'd do it differently next time - as my knowledge/experience is not really advanced enough see other possibilities
What challenges did you encounter, and how did you overcome them?I did the html markup - thinking desktop 1st then the css mobile 1st for styling ( as recommended by Kevin Powell ). Thinking Mobile 1st felt weird - just not used to it i guess. Had some breaks that I didn't expect with the responsiveness, this was due to some padding and margins that were applied too locally - so more containers ( perhaps too many ?) and flex appeared to to the trick.
What specific areas of your project would you like help with?Wasn't crazy about the image set up. I had issues with the bottom breaking when resizing from it's parent container - I made it stick to the bottom of the parent container by adding height:100%. I keep on hearing that adding height is a bad idea for responsive design - so I'm not feeling great about this being the best solution.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Ham'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