Почему двигается центральный блок?

Question

[Young11]

Добрый вечер , можете подсказать , при клике на блок в котором "4444" , он немножко двигается , как это исправить ?

Comments

[Ankhena]

Ну что я могу сказать...
Задайте для buttons вот такую штуку

background: linear-gradient(to right, transparent calc(50% - 1px), red  calc(50% - 1px), red  calc(50% + 1px), transparent  calc(50% + 1px));

Должно проясниться.

[historydev]

Ширину 50px поставьте у buttonsall

Answer 1

[VoidVolker]

Из-за разной ширины первого и остальных элементов - первый элемент более узкий и как результат элемент 4444 не выровнен четко по центру и после анимации он выравнивается по центру. Исправить можно задав всем элементам одинаковую ширину.