CSS में फ्लेक्स ब्लॉकों का संकुचन जगह की कमी होने पर

मान लीजिए कि हमारे पास एक पंक्ति में व्यवस्थित तीन फ्लेक्स-ब्लॉक हैं जो एक मूल तत्व के अंदर स्थित हैं। प्रत्येक चाइल्ड ब्लॉक की चौड़ाई 100px निर्धारित है, और उनके मूल तत्व की - 300px:

आइए अधिक ब्लॉक जोड़ें, ताकि इन चाइल्ड ब्लॉकों की कुल चौड़ाई उनके मूल तत्व की चौड़ाई से अधिक हो जाए। इस स्थिति में आप एक अप्रत्याशित प्रभाव देखेंगे - ब्लॉकों की चौड़ाई घट जाएगी ताकि वे सभी उनके मूल तत्व में समा सकें, भले ही चाइल्ड ब्लॉकों की चौड़ाई स्पष्ट रूप से निर्धारित की गई हो:

Задание 1

सैद्धांतिक भाग के उदाहरण को नमूने के अनुसार दोहराएं।