डिज़ाइन
CSS फ़्लेक्सबॉक्स जनरेटर
फ्लेक्स लेआउट दृश्य रूप से बनाएं।
लेआउट रेसिपीज़ (10 प्रीसेट)
चुनी गई बच्चे की सेटिंग
यह भी आज़माएं: CSS ग्रिड जनरेटर · CSS ग्रेडिएंट जेनरेटर · CSS बॉक्स शैडो जेनरेटर.
फ्लेक्स लेआउट को दृश्य रूप से बनाएँ
कोई रेसिपी चुनें या नियंत्रण समायोजित करें — पूर्वावलोकन सजीव अपडेट होता है। .container नियम को अपनी स्टाइलशीट में कॉपी करें।
FAQ
यह क्या उत्पन्न करता है?
कॉपी करने के लिए तैयार .container flex नियम, जिसमें दिशा, अलाइनमेंट, wrap और gap हैं — साथ ही child की संख्या बदलने वाला लाइव प्रीव्यू।
Layout recipes क्या हैं?
दस one-click presets: navbar, centered hero, card row, sidebar shell, vertical stack, footer bar और अन्य सामान्य patterns जिन्हें developers रोज़ इस्तेमाल करते हैं।
क्या कुछ अपलोड किया जाता है?
नहीं। CSS पूरी तरह आपके browser में बनता है।
अंतिम अपडेट: