Design comparison
SolutionDesign
Solution retrospective
Product card created using flexbox, splitting image and content-wrapper. Mobile version, the flex direction is column.
Desktop version of max-width: 600px In order flex direction changed to row, and in order to a 50/50 split view, i set flex basis for both image and content-wrapper to flex-basis:300px. It worked but i am not sure if this is the best way.
Community feedback
Please log in to post a comment
Log in with GitHub
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