Design comparison
SolutionDesign
Community feedback
- @StConstantineColePosted over 2 years ago
The "Learn more" button affects the spacing of the page (It moves the paragraph up whenever it is hovered) This is because the border which is triggered on hover takes up space.
Solution: Apply the border on the "Learn more" button in its normal state but make the same color as the background then on hover just change the color of the border to desired color, that way the space for the border is already accounted for.
This will eliminate any movement of hover.
Marked as helpful1
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