Design comparison
Solution retrospective
On the screenshot of the target active states there seems to be a hover/active state for the card body (content) as well as for the ellipsis in the header.
I decided I will do a :hover style on the card body. Turn it off at :active. Another :active on the ellipsis.
This way when the ellipsis is :active. The card body returns to normal style and doesn't compete for attention.
Community feedback
- @MikevPeerenPosted about 3 years ago
Hey @bague-rodnel,
There seems to be a problem with the screenshot taken, you can always requests to take a new screenshot.
I like your solution with the ellipsis, but for now it's a bit weird when there is not a menu popping out.
Your solution is responsive however my only point would be to try to add some transitions to your hover states so that they feel more alive.
Marked as helpful0@bague-rodnelPosted about 3 years ago@MikevPeeren I'm adding them in a bit. Thanks. I did check your version is was lit ! Awesome
0
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