कब्जे वाली कोशिकाओं की बजाय ग्रिड लाइनों की गणना करें
स्तर के पानी के लक्ष्य को पढ़ें, फिर उन रेखाओं की पहचान करें जो इच्छित क्षेत्र को बांधती हैं। ग्रिड प्लेसमेंट का वर्णन सीमाओं और ट्रैक के साथ किया गया है; एक पंक्ति संख्या केवल एक रंगीन सेल की संख्या नहीं है। CSS में प्रवेश करने से पहले, अपनी इच्छित आरंभ और अंत सीमाओं को इंगित करें। उस छोटे से अंतर से यह अनुमान लगाना आसान हो जाता है कि नियम किस क्षेत्र को कवर करेगा, बजाय इसके कि पानी बढ़ने के बाद ही इसकी खोज की जाए।
जब कोई कार्य स्पैन का उपयोग करता है, तो सोचें कि क्षेत्र को कितने ट्रैक कवर करने चाहिए। इसे सीधे पिक्सेल दूरी में अनुवाद न करें या फ्लेक्सबॉक्स संरेखण नियम का पुन: उपयोग केवल इसलिए न करें क्योंकि दोनों खेलों में CSS शामिल है। संपादक में एक परिवर्तन दर्ज करें, पानी वाले क्षेत्र का निरीक्षण करें और इसकी तुलना गाजर या स्तर द्वारा निर्दिष्ट अन्य लक्ष्यों से करें। वर्तमान कार्य यह तय करता है कि सफलता क्या मानी जाएगी; दृष्टिगत रूप से व्यापक क्षेत्र स्वचालित रूप से अभीष्ट समाधान नहीं है।
नियम का निदान करने के लिए परिणाम के आकार का उपयोग करें
यदि पानी वाला क्षेत्र गलत स्थान पर शुरू होता है, तो चुनी गई शुरुआती सीमा का निरीक्षण करें। यदि यह सही ढंग से शुरू होता है लेकिन बहुत जल्दी या बहुत देर से समाप्त होता है, तो अंत या अवधि का निरीक्षण करें। यदि यह गलत दिशा में बदलता है, तो जांचें कि आपने किस पंक्ति या स्तंभ गुण का उपयोग किया है। ज्यामितीय त्रुटि को नाम देने से आपको एक सटीक अगला संपादन मिलता है और नियम के कई सही हिस्सों को एक साथ बदलने से बचने में मदद मिलती है।
एक सफल प्रयास के बाद, बताएं कि किन पंक्तियों ने लक्ष्य को घेरा और नियम ने उन्हें कैसे चुना। वह स्पष्टीकरण एक डिस्कनेक्ट की गई उत्तर स्ट्रिंग की तुलना में बेहतर ढंग से आगे बढ़ता है क्योंकि बाद के स्तर एक अलग ग्रिड का उपयोग कर सकते हैं या बाधाओं को जोड़ सकते हैं। यह केंद्र वास्तविक इंटरैक्टिव CSS उद्यान और उसके स्तर के निर्देशों का समर्थन करता है। यह पिक्सेल-आधारित लेआउट ट्यूटोरियल, बाहरी प्रमाणीकरण या प्रत्येक संस्करण के विरुद्ध परीक्षण की गई संपूर्ण उत्तर पुस्तिका का वादा नहीं करता है। संपादक नियंत्रणों के लिए प्ले पेज का उपयोग करें, फिर जब आप किसी पोजिशनिंग गलती की समीक्षा करने के लिए एक केंद्रित तरीका चाहते हैं तो यहां वापस आएं।
उदाहरण के लिए, यदि पानी एक ट्रैक को बहुत अधिक कवर करता है, तो वांछित समाप्ति सीमा को चिह्नित करें और इसकी तुलना आपके द्वारा दर्ज किए गए मान या अवधि से करें। अंत को संशोधित करते समय सही शुरुआत को अपरिवर्तित रखें। यदि परिणाम किसी भिन्न पंक्ति में चला जाता है, तो पंक्ति नियम का स्तंभ नियम से अलग निरीक्षण करें। जब लक्ष्य सही ढंग से कवर हो जाए, तो सीमाओं और ट्रैक का शब्दों में वर्णन करें। अभ्यास CSS प्लेसमेंट को दृश्य ग्रिड से जोड़ने के लिए है, जो एक नई व्यवस्था पर उपयोगी है जहां पिछली उत्तर स्ट्रिंग अब इच्छित क्षेत्र का चयन नहीं करती है।
Grid Garden टिप्स और स्ट्रेटेजी
अगली बाज़ी में अभ्यास करने के लिए कोई सुझाव चुनें। यह सूची खेल में बदलाव नहीं करती और खेल की प्रगति सहेजती नहीं है।
Grid Garden सवाल और जवाब
Grid Garden कौन सा टॉपिक पढ़ाता है?
यह गार्डन-लेआउट पज़ल्स के ज़रिए CSS ग्रिड के साथ इंटरैक्टिव प्रैक्टिस देता है।
क्या मैं एक चलते हुए कैरेक्टर को कंट्रोल कर सकता हूँ?
नहीं। मुख्य इंटरैक्शन CSS में एंटर करना है जो ग्रिड प्लेसमेंट को बदलता है।
ओरिजिनल सोर्स क्या है?
Thomas Park का Grid Garden, MIT-लाइसेंस वाला सोर्स और इस रिव्यू किए गए एडिशन में इस्तेमाल किया गया CC BY 3.0 आर्टवर्क देता है।
शुरुआती रेखा 2 और अंतिम रेखा 4 क्या चार खाने ढकती हैं?
नहीं। grid-column-start: 2 और grid-column-end: 4 रेखा 2 से 4 के बीच की जगह चुनते हैं, यानी दो कॉलम ट्रैक। अंतिम रेखा सीमा है, अतिरिक्त पानी वाला खाना नहीं। बीच के अंतर गिनें या span 2 उपयोग करें, फिर पंक्ति भी बदलने से पहले हाइलाइट देखें।
नियंत्रण और पूरे खेल के निर्देश
नियंत्रण और पूरे खेल के निर्देश
Grid Garden खेलें