![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/kywug60fuyi8abfaikfl.jpg)
Design comparison
Solution retrospective
I found this challenge very difficult. The hardest part was deciding whether to use CSS Grid or Flexbox and then how to implement it for the mobile and desktop versions.
CSS Grid would have been perfect for the mobile design, but I wasn't sure how to implement it for the desktop version.
I ended up using Flexbox for both the mobile and desktop version.
If I had to use CSS Grid, how many columns and rows would the desktop version have?
3 columns and 2 rows? And can you still use transform: translate(Y)
with CSS Grid?
All in all, I'm not too happy with this one. I may need to do it over again using CSS Grid.
Thanks for the help!
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