I know that it works "hand in hand the flex-grow property to display equal, but flexible widths for all flex items."
But why is the space of the container redistributed when the size of the flex items is less than the value you assigned the flex-basis property?