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