Four-card feature with a cool animation (SASS/SMACSS)
Design comparison
Solution retrospective
Hi, what's up? Something I'd like to mention is that I made two designs with Grid, one focused on tablet and the other one on desktop due to that way everything looks better (If I had waited until the desktop view for the Grid container everything would've looked weird in the tablet view).
The first design (for tablets) is a 4-column and 3-row Grid, and the second one (for desktops) is a 3-column and 4-row Grid.
Just as the last thing, I used the SMACSS methodology once again, and also my own library for SASS mixins to give me a hand with things like Media Queries, Flexbox, and Grid (I recently added a new feature related with the media queries, therefore this is the first time that I use it).
As always, feedback is appreciated :D!.
Community feedback
- @palgrammingPosted over 3 years ago
πππππ I must say the way you did that middle transition between the mobile and desktop layout is really creative and works great might be the best solution I have seen to this challenge for sure. Great Job!! Also the animation in the desktop layout was fun also
1@said-alrovePosted over 3 years ago@palgramming Thank you so much! it's gratifying to hear it!
1
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