Design comparison
SolutionDesign
Solution retrospective
Fun easy challenge, played with the colors and added some extra images. Hope you like it! Open to any suggestions!!
Community feedback
- @fatlindshehuPosted over 2 years ago
Hi @jimmyhachem,
Pretty creative work with the component, I would suggest a tiny change:
- The button size gets bigger on
hover
because theborder
is added outside of thebutton
, I would recommend setting the border from the inside like this:
button { border-radius: 20px; border: 0.125rem solid transparent; cursor: pointer; } button:hover { background: transparent; border-color: #fff; color: #fff; }
Marked as helpful1@jimmyhachemPosted over 2 years ago@fatlindshehu That's really clever , i've never thought about it! thank you.
0 - The button size gets bigger on
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