जगह में पाद लेख के लिए HTML संरचना के साथ, हमारे पास वह है जो हमें स्टाइलिंग शुरू करने की आवश्यकता है और इस पाद लेख को वैसा ही दिख रहा है जैसा हमने फ़ोटोशॉप में डिज़ाइन किया था।
हम केवल पाद लेख के लिए एक नई SCSS फ़ाइल बनाते हैं, क्योंकि यह केवल मॉड्यूलर रखने के लिए समझ में आता है और यही हम सब कुछ के लिए कर रहे हैं। हम इसे नीचे की ओर मुख्य स्टाइलशीट में जोड़ते हैं।
हम बस थोड़ा RGBa पृष्ठभूमि का उपयोग करके पाद को गहरा करते हैं। Sass हमें थोड़ी मदद करता है क्योंकि आप Sass में ऐसा कर सकते हैं जो सुपर कूल है rgba(black, 0.5):; शेल्फ-जैसा प्रभाव बनाने के लिए हम इनसेट बॉक्स शैडो का उपयोग करते हैं।
हम बाएं और दाएं पैडिंग के साथ किनारों से दूर सामग्री में धक्का देते हैं। अभी हमें वर्तमान ब्रेकपॉइंट के आधार पर उस पैडिंग की मात्रा को समायोजित करने की आवश्यकता है।
हम उसी तरह से नीचे वाले पाद को स्टाइल करते हैं। यह थोड़ा और गहरा है ताकि यह एक और स्तर कम दिखे।