@Jorggyh
Posted
Have you noticed that when hovering over the buttons the height of the cards is increasing? this is because the buttons are missing a border, and when you hover the mouse you are adding a border, increasing the size.
One way to fix this is to add border: solid 2px transparent;
inside your a
, or by setting a height for your container
speaking of container, I consider it unnecessary for you to create a class for main, you can style main directly, for example, instead of doing:
.container {
display: flex;
...
}
you can do
main {
display: flex;
...
}
Apart from these details you did a good job, keep going 🚀
Marked as helpful