CSS ग्रिड जेनरेटर
कॉलम और पंक्ति संख्या, न्यूनतम कॉलम चौड़ाई और अंतर चुनें। जेनरेट किया गया CSS मिनमैक्स() के साथ रिपीट() का उपयोग करता है ताकि ग्रिड कंटेनर के अनुकूल हो जाए।
महत्वपूर्ण तथ्यों
- वर्ग
- डिज़ाइन एवं रंग
- कीमत
- मुक्त
- खाता
- आवश्यक नहीं
- प्रसंस्करण
- आपके ब्राउज़र में
- इनपुट
- स्थानीय फ़ाइलें या चिपकाया गया डेटा
- प्लैटफ़ॉर्म
- आधुनिक डेस्कटॉप और मोबाइल ब्राउज़र
यह क्या करता है
कॉलम और पंक्ति संख्या, न्यूनतम कॉलम चौड़ाई और अंतर चुनें। जेनरेट किया गया CSS मिनमैक्स() के साथ रिपीट() का उपयोग करता है ताकि ग्रिड कंटेनर के अनुकूल हो जाए।
दृश्य रूप से उत्तरदायी CSS ग्रिड कॉलम, पंक्तियाँ और अंतराल बनाएँ।
इसका उपयोग कैसे करना है
यहां CSS ग्रिड जेनरेटर का उपयोग करने का संक्षिप्त संस्करण दिया गया है।
- कॉलम और पंक्तियाँ सेट करें — पूर्वावलोकन परिणामी कोशिकाओं को दिखाता है।
- न्यूनतम चौड़ाई चुनें — उपलब्ध स्थान को भरने के लिए कॉलम बढ़ते हैं।
- CSS को कॉपी करें — यदि आवश्यक हो तो अपनी स्टाइलशीट में ब्रेकप्वाइंट समायोजित करें।
विशेषताएँ जो मायने रखती हैं
CSS ग्रिड जेनरेटर क्या अच्छा करता है.
- आपके डिवाइस से कुछ भी नहीं छूटता — काम आपके ब्राउज़र टैब में होता है. इस ऐप में कोई अपलोड एंडपॉइंट नहीं है, इसलिए आपकी फ़ाइलें और टेक्स्ट हमारे द्वारा संग्रहीत, लॉग या देखा नहीं जा सकता है।
- कोई अपलोड प्रतीक्षा नहीं — आप सर्वर पर राउंड ट्रिप को पूरी तरह से छोड़ देते हैं। परिणाम आपके अपने सीपीयू द्वारा सीमित होते हैं, नेटवर्क गति या कतार आकार से नहीं।
- निःशुल्क, कोई खाता नहीं, कोई कोटा नहीं — कोई साइन-अप दीवार नहीं, कोई वॉटरमार्क नहीं, कोई दैनिक सीमा नहीं। वैकल्पिक खाते केवल सभी डिवाइसों में पसंदीदा और प्रीसेट सहेजने के लिए मौजूद हैं।
अक्सर पूछे जाने वाले प्रश्नों
क्या मेरा लेआउट यहां उपयोग करने के लिए सुरक्षित है?
हाँ। यह टूल पूरी तरह से जावास्क्रिप्ट का उपयोग करके आपके ब्राउज़र में चलता है। आप जो कुछ भी चिपकाते या खोलते हैं वह सर्वर पर नहीं भेजा जाता है, और आपके बंद करने के बाद पृष्ठ में कोई प्रति नहीं रहती है।
क्या मुझे एक खाता बनाने की आवश्यकता है?
नहीं, प्रत्येक उपकरण साइन इन किए बिना पूरी तरह से उपयोग करने योग्य है। एक खाता केवल सहेजे गए पसंदीदा और पुन: प्रयोज्य प्रीसेट जोड़ता है।
क्या यह फ़ोन पर काम करता है?
हाँ। इंटरफ़ेस बड़े स्पर्श लक्ष्य और स्टैक्ड लेआउट के साथ मोबाइल-फर्स्ट है, इसलिए यह फोन और टैबलेट के साथ-साथ डेस्कटॉप पर भी काम करता है।
मिनमैक्स() का उपयोग क्यों करें?
यह स्तंभों को फैलने की अनुमति देते हुए उन्हें बहुत संकीर्ण होने से रोकता है। प्रतिक्रियाशील ग्रिड के लिए अक्सर ऑटो-फिल या ऑटो-फ़िट का उपयोग किया जाता है।
क्या मैं इसे डैशबोर्ड के लिए उपयोग कर सकता हूँ?
हाँ शुरुआती बिंदु के रूप में। डैशबोर्ड को अक्सर नामित क्षेत्रों और प्रत्येक ब्रेकपॉइंट पर अलग-अलग कॉलम गणना की आवश्यकता होती है।
CSS ग्रिड जेनरेटर खोलें
इसे अभी आज़माएं - यह आपके ब्राउज़र में चलता है और इसके लिए किसी खाते की आवश्यकता नहीं है।
टूल खोलें