Design comparison
SolutionDesign
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.
Edit: I had to retake the challenge as I am out of screenshots haha. @MikevPeeren point taken
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