Why do flex items automatically fill their container horizontally when flex-direction is set to column?
flex-direction
column
align-items
center
Because the cross axis is horizontal and flex items stretch by default.