Design comparison
SolutionDesign
Solution retrospective
I used grid and flex boxes again for this project. I used grid areas to reverse card image position with card body.
I also used constant px (540px) for image area at grid.
My max width of card at mobile was 654px (width of mobile image) to prevent any visual errors. Mobile breakout was 1110px.
Kinda sloppy css again. Trying to make it more visually acceptable.
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