Игнорировать соответствие с братьями и сестрами при наведении курсора ⇐ CSS

[Anonymous]

На своем веб-сайте я пытаюсь составить список плиток, каждая из которых имеет свое приложение:

Код: Выделить всё

body { background-color: gray; }

.tile {
width: 200px;
height: 250px;
white-space: nowrap;
overflow: hidden;
display: inline-block;
border: 5px solid white;
border-radius: 5px;
background-color: white;
margin: 50px;
text-wrap: wrap;
}

.tile:hover {
height: auto;
/* Uncover description */
scale: 105%;
cursor: pointer;
}

Код: Выделить всё

Tile 1
Tile 2
Tile 3
Tile 4

При наведении курсора на один из этих элементов div он разворачивается и показывает описание. (что увеличивает высоту). Однако когда это происходит, каждая вторая плитка в списке подпрыгивает, чтобы соответствовать новой высоте/выравниванию. Это очень раздражает, и мне бы хотелось, чтобы этого не произошло. Как я могу заставить братьев и сестер одной плитки игнорировать выравнивание указанной плитки?

Подробнее здесь: https://stackoverflow.com/questions/790 ... n-hovering