CSS Flexbox जनरेटर

संदर्भ

CSS Flexbox क्या है?

CSS Flexible Box Layout (Flexbox) पंक्तियों या स्तंभों में आइटम व्यवस्थित करने के लिए एक एक-आयामी लेआउट विधि है। आइटम अतिरिक्त स्थान भरने के लिए फैलते (विस्तारित होते) हैं या छोटे स्थानों में फिट होने के लिए सिकुड़ते हैं। यह लचीली, रिस्पॉन्सिव लेआउट संरचनाओं को डिज़ाइन करना आसान बनाता है।

मुख्य Flexbox प्रॉपर्टीज़

flex-direction मुख्य अक्ष की दिशा सेट करता है। justify-content आइटम को मुख्य अक्ष के साथ संरेखित करता है। align-items आइटम को क्रॉस अक्ष के साथ संरेखित करता है। flex-wrap नियंत्रित करता है कि आइटम नई पंक्तियों में रैप होते हैं या नहीं। gap आइटम के बीच की दूरी सेट करता है।

गोपनीयता

सभी flexbox जनरेशन 100% आपके ब्राउज़र में चलता है। कोई डेटा किसी सर्वर पर नहीं भेजा जाता।