Συμπίεση flex μπλοκ όταν δεν υπάρχει αρκετός χώρος στο CSS

Ας υποθέσουμε ότι έχουμε τρία flex μπλοκ, τοποθετημένα μέσα σε ένα γονέα σε σειρά. Σε κάθε θυγατρικό μπλοκ έχει οριστεί πλάτος 100px, και στον γονέα τους - 300px:

Ας προσθέσουμε περισσότερα μπλοκ έτσι ώστε το συνολικό πλάτος αυτών των θυγατρικών μπλοκ να είναι μεγαλύτερο από το πλάτος του γονέα τους. Σε αυτή την περίπτωση θα δείτε ένα απροσδόκητο φαινόμενο - το πλάτος των μπλοκ θα μειωθεί έτσι ώστε να χωρέσουν όλα στον γονέα τους, παρά το γεγονός ότι στα θυγατρικά μπλοκ έχει οριστεί σαφές πλάτος: