सामग्री पर जाएं
डिज़ाइन एवं रंग

CSS ग्रिड जेनरेटर

रिपीट() और मिनमैक्स() के साथ एक प्रतिक्रियाशील ग्रिड बनाएं।

आपके ब्राउज़र में चलता है100% निजीकोई अपलोड नहीं
टूल लोड हो रहा है…

इस टूल को साझा करें

इसे किसी ऐसे व्यक्ति को भेजें जिसे इसकी आवश्यकता हो।

Xfin
पूरी गाइड पढ़ें

CSS ग्रिड जेनरेटर के बारे में

कॉलम और पंक्ति संख्या, न्यूनतम कॉलम चौड़ाई और अंतर चुनें। जेनरेट किया गया CSS मिनमैक्स() के साथ रिपीट() का उपयोग करता है ताकि ग्रिड कंटेनर के अनुकूल हो जाए।

इसका उपयोग कैसे करना है

  1. 1कॉलम और पंक्तियाँ सेट करेंपूर्वावलोकन परिणामी कोशिकाओं को दिखाता है।
  2. 2न्यूनतम चौड़ाई चुनेंउपलब्ध स्थान को भरने के लिए कॉलम बढ़ते हैं।
  3. 3CSS को कॉपी करेंयदि आवश्यक हो तो अपनी स्टाइलशीट में ब्रेकप्वाइंट समायोजित करें।

इस css ग्रिड जेनरेटर का उपयोग क्यों करें?

  • आपके डिवाइस से कुछ भी नहीं छूटता. काम आपके ब्राउज़र टैब में होता है. इस ऐप में कोई अपलोड एंडपॉइंट नहीं है, इसलिए आपकी फ़ाइलें और टेक्स्ट हमारे द्वारा संग्रहीत, लॉग या देखा नहीं जा सकता है।
  • कोई अपलोड प्रतीक्षा नहीं. आप सर्वर पर राउंड ट्रिप को पूरी तरह से छोड़ देते हैं। परिणाम आपके अपने सीपीयू द्वारा सीमित होते हैं, नेटवर्क गति या कतार आकार से नहीं।
  • निःशुल्क, कोई खाता नहीं, कोई कोटा नहीं. कोई साइन-अप दीवार नहीं, कोई वॉटरमार्क नहीं, कोई दैनिक सीमा नहीं। वैकल्पिक खाते केवल सभी डिवाइसों में पसंदीदा और प्रीसेट सहेजने के लिए मौजूद हैं।

अक्सर पूछे जाने वाले प्रश्नों

क्या मेरा लेआउट यहां उपयोग करने के लिए सुरक्षित है?

हाँ। यह टूल पूरी तरह से जावास्क्रिप्ट का उपयोग करके आपके ब्राउज़र में चलता है। आप जो कुछ भी चिपकाते या खोलते हैं वह सर्वर पर नहीं भेजा जाता है, और आपके बंद करने के बाद पृष्ठ में कोई प्रति नहीं रहती है।

क्या मुझे एक खाता बनाने की आवश्यकता है?

नहीं, प्रत्येक उपकरण साइन इन किए बिना पूरी तरह से उपयोग करने योग्य है। एक खाता केवल सहेजे गए पसंदीदा और पुन: प्रयोज्य प्रीसेट जोड़ता है।

क्या यह फ़ोन पर काम करता है?

हाँ। इंटरफ़ेस बड़े स्पर्श लक्ष्य और स्टैक्ड लेआउट के साथ मोबाइल-फर्स्ट है, इसलिए यह फोन और टैबलेट के साथ-साथ डेस्कटॉप पर भी काम करता है।

मिनमैक्स() का उपयोग क्यों करें?

यह स्तंभों को फैलने की अनुमति देते हुए उन्हें बहुत संकीर्ण होने से रोकता है। प्रतिक्रियाशील ग्रिड के लिए अक्सर ऑटो-फिल या ऑटो-फ़िट का उपयोग किया जाता है।

क्या मैं इसे डैशबोर्ड के लिए उपयोग कर सकता हूँ?

हाँ शुरुआती बिंदु के रूप में। डैशबोर्ड को अक्सर नामित क्षेत्रों और प्रत्येक ब्रेकपॉइंट पर अलग-अलग कॉलम गणना की आवश्यकता होती है।

टूलबॉक्स के एक ही कोने से अधिक निःशुल्क उपयोगिताएँ।