How to hang animation on neighboring elements?

Question

css

There is an input, with focus I smoothly increase its width (I throw a transition), however, adjacent elements move when the input expands without animation . Why is this happening? And how to make it move as smoothly?

Answer 1

you can transform, but it would be easier to help you if you threw the code

Answer 2

Have you tried transition to neighboring elements?