we want to achieve,
by clicking on any column this column will expand to 100% of its container and push the other columns off the screen
By expanding the column by increasing the width:
the problem is that the column expands from point x0 to 100% (that's how css works)
but by doing this, for example, by clicking on the second column, how do we make the column expand from the center to both sides at the same time?
this is for the purpose of emulating that the column pushes the other columns off the screen at the same time.