Design comparison
SolutionDesign
Solution retrospective
Hi everyone, this is my solution of "3 column preview card".
- I learned CSS property 'transition'.
transition: background-color 200ms ease-in-out, color 200ms ease-in-out;
- I found that using
grid-template-rows: 1fr 1fr 1fr;will share equal amount of width for each item. In this situation, it is better than usingflex-direction: row;.
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