Design comparison
SolutionDesign
Solution retrospective
My solution to this challenge involves using flexbox to vertically and horizontally center the card wrapper on the screen, as well as creating 3 responsive sections with equal widths.
I was looking for another beginner-friendly project that would provide the opportunity to work with some standard flexbox layouts. I believe that I went about this challenge in a fairly standard way, using a media query to adjust the layout and positioning of the elements for mobile.
Please let me know if you have any feedback on the code or suggestions for making the CSS more reusable. Thanks!
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