Как при наведении на блок предотвратить смещение другого блока?

Question

[Артур Левенсон]

Подскажите пожалуйста, как добиться того чтобы верхние блоки не смещали нижние блоки при наведении?

P.s Текст, который показывается по наведению на блок должен меняется из админки и будет произвольный.

https://codepen.io/kiskiskit/pen/VwmyJZP

Answer 1

[Максим]

.icon-head {
  text-align: center;
  padding: 20px;
  width: 100px;
  position: relative;
}

.icon-text span {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: red;
  z-index: 100;
  box-shadow: 0 5px 7px #000
}

Comments

[Артур Левенсон]

спасибо