] फ्लेक्सबॉक्स

1। लिपटे हुए आइटम को केंद्रित करना:

एक फ्लेक्सबॉक्स कंटेनर में एक पूरी पंक्ति में पांचवें लिपटे हुए आइटम को संरेखित करना सीधा है, जबकि यह ग्रिड में चुनौतियों का सामना करता है।

2। चर लंबाई आइटम का लपेटना:

फ्लेक्सबॉक्स चर लंबाई के आइटम को मूल रूप से लपेटने की अनुमति देता है, ग्रिड में उपलब्ध एक सुविधा।

३। स्वचालित मार्जिन: फ्लेक्सबॉक्स के ऑटो मार्जिन आइटम को कुशलता से चलाने और संरेखित करने में सक्षम बनाते हैं, जो ग्रिड में सीमित है।

४। न्यूनतम, अधिकतम, डिफ़ॉल्ट आकार प्रबंधन: फ्लेक्सबॉक्स ग्रिड की तुलना में वस्तुओं के न्यूनतम, अधिकतम और डिफ़ॉल्ट आकारों को सेट करना सरल करता है।

५। चिपचिपा पाद/हेडर:

फ्लेक्सबॉक्स कंटेनर के नीचे या शीर्ष पर चिपचिपा तत्व बनाने में एक्सेल करता है।

६। शेष स्थान का उपभोग करना:

फ्लेक्सबॉक्स की फ्लेक्स-ग्रो प्रॉपर्टी, आइटम को ग्रिड के विपरीत किसी भी शेष स्थान का उपभोग करने की अनुमति देता है।

7। सिकुड़ना:

फ्लेक्सबॉक्स की फ्लेक्स-शिरिंक संपत्ति ग्रिड में अनुपस्थित है।

8 डायनेमिक लेआउट में कॉलम काउंट को सीमित करना:

फ्लेक्सबॉक्स फिक्स्ड-वर्थ मल्टी-कॉलम लेआउट बना सकता है जो स्क्रीन आकारों के अनुरूप रहता है, कुछ आसानी से ग्रिड में प्राप्त नहीं किया गया है। पहले/अंतिम वस्तुओं के बीच स्पेसिंग:

ग्रिड में, पहले और अंतिम कॉलम के चारों ओर स्थान जोड़ना मुश्किल हो सकता है, लेकिन फ्लेक्सबॉक्स इस सरल बनाता है।

10। इनलाइन-स्तरीय कंटेनर:

फ्लेक्सबॉक्स ग्रिड की तुलना में डायनेमिक इनलाइन कंटेनरों को अधिक प्रभावी ढंग से संभालता है।

11। परिभाषित ग्रिड क्षेत्रों के साथ कॉलम रैपिंग:

फ्लेक्सबॉक्स मीडिया प्रश्नों के उपयोग के बिना निश्चित ग्रिड क्षेत्रों के साथ स्तंभों को लपेटने का एक तरीका प्रदान करता है।

12। रिवर्स आइटम ऑर्डरिंग:

फ्लेक्सबॉक्स का फ्लेक्स-दिशा: कॉलम-रिवर आइटम के क्रम को उलटने के लिए सरल बनाता है, एक क्रिया सीधे ग्रिड में समर्थित नहीं है।

13। आइटम रिजाइज़िंग और ट्रैक ओवरफ्लो:

फ्लेक्सबॉक्स ग्रिड की तुलना में अधिक कुशलता से आकार देने वाले आइटम को संभालता है, अन्य ट्रैक्स में आइटम के अतिप्रवाह को रोकता है।

14। डायनेमिक लेआउट में आइटम हाइट्स को बनाए रखना:

फ्लेक्सबॉक्स आइटम हाइट्स को स्वतंत्र रूप से समायोजित करने की अनुमति देता है, आइटम पदों में परिवर्तन को समायोजित करना।