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