DevTools के बारे में सलाह: सीएसएस ग्रिड की जांच करने का तरीका

Sofia Emelianova

Chrome DevTools, सीएसएस ग्रिड लेआउट को डीबग करने की सुविधा देता है. इसमें, विज़ुअलाइज़ेशन के कई विकल्प होते हैं.

एलिमेंट पैनल में ग्रिड ओवरले को टॉगल करने और इसका इस्तेमाल करने का तरीका जानने के लिए, वीडियो देखें:

• ग्रिड लेआउट को विज़ुअलाइज़ करें और उनकी जांच करें.
• ग्रिड आइटम डालते समय, पंक्ति और कॉलम की संख्या देखें.
• अगर आपके पास बहुत सारे ग्रिड आइटम हैं और संख्याएं भ्रमित करने वाली हैं, तो लाइन और क्षेत्र के नाम इस्तेमाल करें और उन्हें ओवरले पर देखें.
• ट्रैक के साइज़ देखें.

इसके अलावा, एलिमेंट > स्टाइल पैनल में मौजूद ग्रिड एडिटर की मदद से, आइटम और उनके कॉन्टेंट को ग्रिड लेआउट में अलाइन किया जा सकता है. इसके लिए, सीएसएस नियम टाइप करने की ज़रूरत नहीं है.

सीएसएस ग्रिड के बारे में ज़्यादा जानने के लिए, सीएसएस ग्रिड की जांच करना ट्यूटोरियल देखें.