Design comparison
Community feedback
- @oroszlanoloPosted over 1 year ago
Hi! Even though it is a nice solution, I would recommend two things that are not much effort, but would still improve the user experience greatly:
Add
cursor: pointer;
to your buttons, so the user knows it is clickable. Also, you can make it pop a bit just by adding the following to the game buttons:.your-btn:hover { transform: scale(110%); transition: transform 250ms; }
The other thing is the big circle shadows around the winner. You cannot use colors that match the backgrounds, since the background is a gradient. Just use translucent colors using rgba().
I hope I did help :)
Marked as helpful0@Opeoluwa-OgunlajaPosted over 1 year ago@oroszlanolo Sure, You did! Thanks a lot! Don't know how I missed it. I'll go do that right now. 😁😁👊👊
1@Opeoluwa-OgunlajaPosted over 1 year ago@oroszlanolo I used what was given in the design for the winning indicator btw. Thanks anyway.
0
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