इस पेंचकस में हम HTML / CSS में टिप्पणी फ़ॉर्म बनाने जा रहे हैं। टिप्पणी फॉर्म का मार्कअप हमारी थीम में टिप्पणियों.php फ़ाइल में रहता है। हम इसे खोजने के लिए तत्व की तलाश करते हैं।
हमारे पास मौजूद ग्रिड सिस्टम का उपयोग करके हम तीन इनपुट (नाम, ईमेल, यूआरएल) में से प्रत्येक को बाहर रखते हैं। लड़का है कि हम एह से अच्छा उपयोग मिल गया है?
हमारे पास पहले से ही टिप्पणी से संबंधित सामान के लिए एक सीएसएस फ़ाइल है, इसलिए हम यहां काम करेंगे। पहली चीज जो हम लिखते हैं वह हमारे छोटे ग्रिड में इनपुट को 100% चौड़ा कर रही है ताकि वे कॉलम के भीतर फिट हो सकें। डिव स्वाभाविक रूप से ऐसा करते हैं, लेकिन इनपुट इनलाइन-ब्लॉक की तरह व्यवहार करते हैं और अपने माता-पिता के कंटेनर की चौड़ाई को स्वचालित रूप से नहीं भरते हैं। हम भी मुख्य textarea के साथ बेला थोड़ा इसे 100% चौड़ा और जितना लंबा नहीं था। हम तय करते हैं कि टेक्स्टारिया की आकार बदलने की क्षमता से खिलवाड़ न करें। यह वास्तव में कुछ भी नहीं तोड़ता है।
तब हमें काम करने का जवाब मिलता है। जावास्क्रिप्ट पहले से ही ठीक काम करता है, क्योंकि हम उस फॉर्म के लिए आईडी के साथ गड़बड़ नहीं करते हैं जिस पर जावास्क्रिप्ट निर्भर करता है। हालाँकि, हमें ट्वीक का एक गुच्छा बनाने की ज़रूरत है, जैसे कि फॉर्म को एक ग्रे बैकग्राउंड देना ताकि इसका डिज़ाइन काम करे।
हम बाकी समय मीडिया के सवालों के साथ कुछ चीजें जोड़कर बिताते हैं ताकि फॉर्म छोटे पर्दे पर ठीक लगे।