G एक टूलकिट,
प्रत्येक डिज़ाइन कार्य

CSS Grid जनरेटर

रीयल-टाइम पूर्वावलोकन के साथ दृश्य रूप से CSS Grid लेआउट बनाएं।

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

G CSS Grid जनरेटर

सीएसएस ग्रिड जेनरेटर का उपयोग कैसे करें

सीएसएस ग्रिड जेनरेटर आपको कोड लिखे बिना दृश्य रूप से सीएसएस ग्रिड लेआउट बनाने की सुविधा देता है। स्तंभों और पंक्तियों की संख्या निर्धारित करने, कोशिकाओं के बीच के अंतर को समायोजित करने और अपने प्रोजेक्ट में पेस्ट करने के लिए संपूर्ण सीएसएस कोड को तुरंत कॉपी करने के लिए स्लाइडर्स का उपयोग करें।

CSS ग्रिड, CSS में सबसे शक्तिशाली लेआउट सिस्टम है। यह पंक्तियों और स्तंभों दोनों को एक साथ संभालता है, जो इसे जटिल पृष्ठ संरचनाओं, कार्ड ग्रिड और प्रतिक्रियाशील डिज़ाइनों के लिए एकदम सही बनाता है।

Pro Tips

Frequently Asked Questions

Q: सीएसएस ग्रिड और फ्लेक्सबॉक्स के बीच क्या अंतर है?
सीएसएस ग्रिड और फ्लेक्सबॉक्स के बीच क्या अंतर है? ग्रिड को द्वि-आयामी लेआउट (पंक्तियों और स्तंभों) के लिए डिज़ाइन किया गया है। फ्लेक्सबॉक्स को एक-आयामी लेआउट (पंक्ति या स्तंभ) के लिए डिज़ाइन किया गया है। पृष्ठ संरचना के लिए ग्रिड का उपयोग करें, घटक संरेखण के लिए फ्लेक्सबॉक्स का उपयोग करें।
Q: मैं अपने ग्रिड को उत्तरदायी कैसे बनाऊं?
मैं अपने ग्रिड को उत्तरदायी कैसे बनाऊं? जेनरेट किए गए सीएसएस को शुरुआती बिंदु के रूप में उपयोग करें और विभिन्न ब्रेकपॉइंट्स पर कॉलम की संख्या बदलने के लिए @मीडिया क्वेरीज़ जोड़ें।
Q: क्या मैं उत्पादन में सीएसएस ग्रिड का उपयोग कर सकता हूँ?
क्या मैं उत्पादन में सीएसएस ग्रिड का उपयोग कर सकता हूँ? हाँ। सीएसएस ग्रिड 2017 से सभी आधुनिक ब्राउज़रों में समर्थित है। इसमें 96% वैश्विक ब्राउज़र समर्थन है।
Q: 1fr का क्या मतलब है?
1fr का क्या मतलब है? fr का मतलब अंश है। 1fr का अर्थ है उपलब्ध स्थान का एक अंश। यदि आपके पास तीन कॉलम हैं जिनमें से प्रत्येक को 1fr पर सेट किया गया है, तो वे स्थान को समान रूप से विभाजित करते हैं।
Q: क्या मैं ग्रिड को ग्रिड के अंदर घोंसला बना सकता हूँ?
क्या मैं ग्रिड को ग्रिड के अंदर घोंसला बना सकता हूँ? हां, ग्रिड आइटम स्वयं ग्रिड कंटेनर बन सकते हैं। एक मुख्य पृष्ठ ग्रिड बनाएं, फिर साइडबार या सामग्री क्षेत्र जैसे अलग-अलग अनुभागों के लिए नेस्टेड ग्रिड का उपयोग करें।

भारतीय रंग

केसरिया से लेकर नील तक, भारतीय रंग त्योहारों, वस्त्रों और प्रकृति से जन्मे हैं। होली के गुलाल, मेंहदी की हरियाली और मंदिरों का सिंदूरी — हर रंग की एक कहानी है।

केसरिया #FF9933

तिरंगे का केसरिया — साहस और बलिदान का प्रतीक

हरा #138808

तिरंगे का हरा — उर्वरता और समृद्धि

अशोक चक्र नीला #000080

तिरंगे के केंद्र में धर्म चक्र का नीला

गुलाबी #FF007F

जयपुर का गुलाबी शहर और राजस्थानी पगड़ियाँ

हल्दी #E3A857

हल्दी का पीला — शुभता और विवाह का रंग

गेरू #CC7722

साधुओं के वस्त्र और मंदिरों का मिट्टी रंग

नील #4B0082

प्राचीन भारत का नील रंग — नील की खेती से

सिंदूरी #E34234

सिंदूर का लाल — सुहाग और शक्ति का प्रतीक

गेंदा #FFA500

गेंदे के फूलों का नारंगी — पूजा और त्योहार

मेहंदी #6B8E23

मेहंदी की हरियाली — शादी और तीज का रंग

Q: केसरिया रंग क्या है?
केसरिया रंग क्या है? केसरिया (#FF9933) भारत के राष्ट्रीय ध्वज का सबसे ऊपरी रंग है, जो साहस और बलिदान का प्रतीक है। यह केसर (saffron) से बना रंग है जो साधुओं के वस्त्रों में भी दिखता है।
Q: होली के रंग क्या हैं?
होली के रंग क्या हैं? होली में गुलाल के गुलाबी (#FF007F), पीला (#FFD700) और हरा (#138808) प्रमुख हैं। ये रंग वसंत, प्रेम और नई फसल के उत्सव का प्रतीक हैं।