Как сделать чтобы при hover эффекте карточки товара верстка не плясала?

Question

[Константин]

На сайте при наведении на товары появляется hover эффект и нижник блоки и соседние начинают плясать. Хотя я указала position: relative; и z-index для карточки товара и hover эффекта. Но не помогло, как решить?

Answer 1

[Eugene Chefranov]

@media screen and (min-width: 48em)
ul.products li.product {
     padding: 20px;
}

Answer 2

[n1ksON]

А как position и z-index должны помочь? У вас в hover прописан padding, поэтому и происходит смещение. Добавьте padding изначально карточке, этого не будет заметно.