Design comparison
Solution retrospective
i found a problem on button hover his 2px added to height of card
Community feedback
- @DodeunPosted over 2 years ago
Hi this is looking good.
You said you have a problem on button hover adding 2px to the card which is normal. An easy way to fix this is to add the same border to your regular button styling rules instead of having it only on the hover. This way the border is always there but on hover when the background change you can now see the border without changing the dimension of the button.
Hope it help , have fun in your next projects !
2 - @DonUggioniPosted over 2 years ago
Hey there,
That happens because I assume that, when you hover the button, it adds a border of 2px, so that adds to the total height of the card. One solution to that is instead of adding a border on hover, you could add an inset shadow-box.
Can't really comment on your code because the github page for your code isn't working for some reason.
1
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