Sofia Emelianova
Chrome DevTools, विज़ुअलाइज़ेशन के कई विकल्पों की मदद से, सीएसएस ग्रिड लेआउट को आसानी से डीबग करने की सुविधा देता है.
एलिमेंट पैनल में ग्रिड ओवरले को टॉगल करने और इसका इस्तेमाल करने का तरीका जानने के लिए, यह वीडियो देखें:
- ग्रिड लेआउट को विज़ुअलाइज़ करें और उनकी जांच करें.
- ग्रिड आइटम डालते समय, पंक्ति और कॉलम की संख्या देखें.
- अगर आपके पास बहुत सारे ग्रिड आइटम हैं और संख्याएं भ्रमित करने वाली हैं, तो लाइन और क्षेत्र के नाम इस्तेमाल करें और उन्हें ओवरले पर देखें.
- ट्रैक के साइज़ देखें.
इसके अलावा, एलिमेंट > स्टाइल पैनल में मौजूद ग्रिड एडिटर की मदद से, आइटम और उनके कॉन्टेंट को ग्रिड लेआउट में अलाइन किया जा सकता है. इसके लिए, सीएसएस नियम टाइप करने की ज़रूरत नहीं है.
सीएसएस ग्रिड के बारे में ज़्यादा जानने के लिए, सीएसएस ग्रिड की जांच करना ट्यूटोरियल देखें.