CSS при наведении перемещает элемент вверх, но совместим с сеткой ⇐ CSS

[Anonymous]

Мне бы хотелось, чтобы элемент был определен следующим образом:

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

[i][/i]

с CSS как:

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

.gridcomp-parent {
display: grid;
}

для перемещения вверх на 2vh:

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

.fa-solid:hover {
top: -2vh;
}

Но когда я определяю позицию как абсолютную:

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

.fa-solid {
position: absolute;
}

он ​​ломается.
Как правильно добиться этого эффекта наведения при использовании CSS-сетки?

Подробнее здесь: https://stackoverflow.com/questions/793 ... -with-grid