# # 46: लचीले साइडबार विज्ञापन - सीएसएस-ट्रिक्स

Anonim

साइट के मुख्य साइडबार में शीर्ष मॉड्यूल ट्रीहाउस से संबंधित है, सीएसएस-ट्रिक्स के मुख्य प्रायोजक के रूप में। एक बातचीत के आधार पर, मैंने रयान कार्सन के साथ, सबसे अच्छे रूपांतरित विज्ञापनों में से कुछ उनके साथ लोगों में हैं, इसलिए हम उनमें से एक को मॉड्यूल में ग्राफिक के लिए उपयोग करने के लिए चुनते हैं।

जब हम छवि को अंदर लाते हैं, तो यह मॉड्यूल के बाहर लटका रहता है और इसके चारों ओर बहुत अधिक जगह होती है। मॉड्यूल के लिए हमारी नई SCSS फ़ाइल के साथ, हम कुछ नए नियमों में लिखते हैं कि कैसे छवि विज्ञापन मॉड्यूल व्यवहार करते हैं (कोई पैडिंग, पूर्ण-चौड़ाई नहीं)।

एक बार जब हम इसके साथ समाप्त हो जाते हैं, तो हम विशेष रूप से सबसे संकीर्ण मीडिया क्वेरी ब्रेकपॉइंट के लिए अन्य मोड़ बनाने वाले स्पर्शरेखा पर जाने लगते हैं।

फ़ाइलें

  • 46-विज्ञापन-ट्रीहाउस-साइडबार-1. जेपीईजी