I notice that when hovering my Learn More button my whole content is slightly moving up ? Why is that happening? I try googling but I can't find any answer.
@TH3RIV
Posted
Hi, @ralphvirtucio!
Your content is not moving up, your whole container is expanding and that is because you are adding 2px border on button:hover. This then expands your whole container. Move the border property from the :hover state to the button itself and that should fix it.
Hope this helps!
Marked as helpful
@ikennarichard
Posted
I think is because of the 2px border that gets added to the button when you hover, also add it tothe button when its not hovered.
Marked as helpful
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
