@hitmorecode
Posted
Congratulations well done. One thing I've notice is that when hovering over the buttons the cards grow and shrink. The reason why this is happening is, because you removed border
from the buttons. When hovering over the button the border is added therefor additional pixels are added. You can fix this by giving the cards a fixed height or you can add border on the button.
.btn{
border-radius: 1rem;
border: none; /*1px solid var(--main-btn-col) */
background-color: var(--main-btn-col);
padding: .5rem 1.75rem;
cursor: pointer;
font-size: .76rem;
font-weight: 400;
font-family: var(--ff-neutral);
}
The reason for 1px (keep the same as on hover) is because the button gets 1px on hover. So there is no addition nor subtraction of pixels.
Marked as helpful