Как сделать здесь нормальное позиционирование?

Question

[BavarianBeer]

https://jsfiddle.net/e3b7jmpt/6/
пытаюсь сделать ховером чтобы был какой то эффект при наводке, но из за хейлайта не получается нормально сделать. А по макету так надо. Как здесь нормально запозиционировать чтобы не передвигались остальные элементы? Помогите.

Comments

[Danny Arty]

покажите как надо по макету и какой именно эффект вы хотите сделать при hover?

[BavarianBeer]

Danny Arty, Просто по центру чтобы было при наведении и остальные объекты не двигались +менял свойство height line. Большего знать не нужно.

[Danny Arty]

BavarianBeer,

Просто по центру чтобы было при наведении

что по центру было? сама ссылка? по центру чего?

[BavarianBeer]

Danny Arty, сорян мб непонятно выразился. Я имею ввиду чтобы они оставались на своем месте. Не двигая остальные флекс элементы при наведении(из-за height line'a)

[Danny Arty]

BavarianBeer, тут дело и не в line-height, а в том, что вы элементу задаете position: absolute; и он выбивается из сетки так сказать

[BavarianBeer]

Danny Arty, да вы что

[Danny Arty]

BavarianBeer, че к чему тут сарказм? если ты понимаешь в чем проблема, зачем задавать вопрос?!