Flex ბლოკების შეკუმშვა ადგილის უკმარისობის დროს CSS-ში

დავუშვათ, გვაქვს სამი flex-ბლოკი, განლაგებული მშობელის შიგნით ზედიზედ. თითოეულ ბლოკ-შვილს მინიჭებული აქვს სიგანე 100px, ხოლო მათ მშობელს - 300px:

მოდით დავამატოთ მეტი ბლოკი ისე, რომ ამ ბლოკ-შვილების საერთო სიგანე იყოს მათი მშობლის სიგანეზე მეტი. ამ შემთხვევაში თქვენ დაინახავთ მოულოდნელ ეფექტს - ბლოკების სიგანე შემცირდება ისე, რომ ისინი ყველა ჩაეტევა მათ მშობელში, მიუხედავად იმისა, რომ ბლოკ-შვილებს აშკარად აქვთ მინიჭებული სიგანე: