Why does flexible grid loose its flexibility when container is given a maximum size?

Question

I have a grid container that generates a grid with as many 300px columns as fit. It is also a flex item and is given flex: 1 to fill its parent.