CSS Grid और Flexbox जनरेटर
Grid और Flexbox के बीच स्विच करें, कॉलम और पंक्तियों की संख्या या फ्लेक्स आइटम्स की दिशा और एलाइनमेंट और उनके बीच का गैप एडजस्ट करें, कंटेनर के अंदर रंगीन बॉक्स के लाइव प्रीव्यू के साथ, फिर तैयार CSS कोड कॉपी करें।
डिज़ाइन और CSS टूल्स पूरी तरह आपके ब्राउज़र में चलता है
सभी प्रोसेसिंग आपके डिवाइस पर ही होती है — कुछ भी सर्वर पर नहीं भेजा जाता।
1
2
3
4
5
6
CSS कोड
display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); gap: 12px;
आगे क्या करें
संबंधित टूल्स
Uddatak आज़माने के लिए तैयार हैं?
पूरी टूल लाइब्रेरी ब्राउज़ करें और अभी वह उपयोग करना शुरू करें जिसकी आपको जरूरत है — मुफ्त, बिना साइन-अप के।
सभी टूल्स ब्राउज़ करें