Design comparison
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.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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