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

सोफ़िया एमिलियानोवा
सोफ़िया एमिलियानोवा

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

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

ग्रिड ओवरले.

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

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

ग्रिड एडिटर.

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