Impostare i bambini della Flexbox per avere altezze diverse per utilizzare lo spazio disponibile

Usando un layout a due colonne, come possono essere realizzati bambini di dimensioni diverse per riempire tutto lo spazio disponibile, invece di tutti i bambini che hanno l’altezza del figlio più alto della fila?

Ho creato una demo su jsbin che illustra il problema. Mi piacerebbe che tutti i bambini fossero delle dimensioni dei loro contenuti avvolti.

#container { width: 800px; display: flex; flex-wrap: wrap; } .cell { width: 300px; flex; 1 auto; } 
Cells with arbitrarily long content.