सीएसएस ग्रिड के लिए एक गाइड: ग्रिड गुणों के साथ लेआउट में महारत हासिल करना

सीएसएस ग्रिड के लिए एक गाइड: ग्रिड गुणों के साथ लेआउट में महारत हासिल करना
आप जैसे पाठक MUO को समर्थन देने में मदद करते हैं। जब आप हमारी साइट पर लिंक का उपयोग करके खरीदारी करते हैं, तो हम संबद्ध कमीशन कमा सकते हैं। और पढ़ें।

जटिल लेआउट के साथ काम करते समय किसी वेबपेज पर तत्वों की स्थिति निर्धारण करना बहुत जटिल हो सकता है। यहीं पर सीएसएस ग्रिड काम आता है। यह एक लेआउट प्रणाली है जिसे जटिल लेआउट बनाने की प्रक्रिया को सरल बनाने के लिए डिज़ाइन किया गया है।





यह आपकी कैसे मदद करता है? पारंपरिक लेआउट विधियों के विपरीत जो आपको केवल पंक्तियों या स्तंभों में तत्वों को रखने की अनुमति देती है, सीएसएस ग्रिड आपको दोनों दुनियाओं का सर्वश्रेष्ठ प्रदान करता है - पंक्तियों और स्तंभों का उपयोग करके एक 2डी दृष्टिकोण।





मुझे जो पसंद है उसके आधार पर मुझे कौन सा टीवी शो देखना चाहिए

ग्रिड कंटेनर और आइटम

आप सीएसएस ग्रिड गुणों को दो मुख्य प्रकार के तत्वों पर लागू कर सकते हैं: माता-पिता और बच्चे। जब आप किसी मूल तत्व के लिए डिस्प्ले प्रॉपर्टी को 'ग्रिड' पर सेट करते हैं, तो यह उस तत्व को ग्रिड कंटेनर में बदल देता है। इस ग्रिड कंटेनर के भीतर कोई भी चाइल्ड तत्व एक ग्रिड आइटम बन जाता है, जो लागू ग्रिड गुणों को प्राप्त करता है।





यहां बताया गया है कि इसका प्रतिनिधित्व कैसे किया जाता है:

 चार ग्रिड वस्तुओं वाला एक ग्रिड कंटेनर

एक ग्रिड आइटम ग्रिड कंटेनर भी बन सकता है। अब आप लेआउट को नेस्टेड ग्रिड के रूप में संदर्भित कर सकते हैं - ग्रिड के भीतर एक ग्रिड। मुख्य ग्रिड कंटेनर को अब बाहरी ग्रिड के रूप में जाना जाता है, जबकि आइटम-ग्रिड कंटेनर एक आंतरिक ग्रिड बन जाता है।



इनमें से प्रत्येक ग्रिड दूसरे से स्वतंत्र रूप से संचालित होता है, जिसका अर्थ है कि आंतरिक ग्रिड के लिए निर्धारित गुण बाहरी ग्रिड के लेआउट को प्रभावित नहीं करते हैं, और इसके विपरीत।

यहाँ यह कैसा दिखता है:





 चार वस्तुओं वाला ग्रिड कंटेनर, तीन वस्तुओं वाला एक नेस्टेड ग्रिड कंटेनर।

ग्रिड कंटेनरों और वस्तुओं के बीच संबंधों में महारत हासिल करना आवश्यक है द्वि-आयामी लेआउट का निर्माण प्रभावी रूप से।

एक टेराबाइट हार्ड ड्राइव में कितने गिग्स होते हैं