Column preview using grid and flex

Hello Alexsandro

You are having this issue because the normal button state does not have a border, while the hover state has one. You can fix it by changing the border property on the button from this

.grid-item2 button {
    ...
    border: none;
    ...
}

to this

.grid-item2 button {
    ...
    border: 2px solid white;
    ...
}

Hope this helps :)

Believe it's just the border you are adding on hover. remove the border?

Hey @AlexAgustini, some suggestions to improve you code:

• The headings are being use incorrectly. For this challenge, each heading is equally as important. So best option, is to use <h2> Heading, because it will give each card the same level of importance and it's reusable.

• Your "buttons" were created with the incorrect element. When the user clicks on the button they should directed to a different part of you site. The Anchor Tag will achieve this.

Happy Coding! 👻🎃