The idea
flex is shorthand for flex-grow flex-shrink flex-basis, in that order. flex: 1 means flex: 1 1 0% — grow, shrink, and start from zero. Here the three items start from zero and grow in a 1:2:1 ratio.
width and flex-basis are off-limits: the whole point is to express grow/shrink/basis in one flex declaration.