हम @mediaCSS में प्रश्नों की अवधारणा का परिचय देते हैं ।
इस परियोजना पर सैस का उपयोग करने के लिए बहुत कुछ हमें DRY रहने की अनुमति देता है (अपने आप को दोहराएं नहीं)। हमने वह सेटिंग रंग और आकार चर की की। हमने अपने फ़ॉन्ट स्टैक के साथ ऐसा किया। अब हम इसे मीडिया के प्रश्नों के साथ फिर से कर रहे हैं। कभी भी हमें मीडिया क्वेरी की आवश्यकता होती है, अब हमारे पास एक @mixin है जिसका हम उपयोग कर सकते हैं। इस तरह अगर हमें उन्हें समायोजित करने की आवश्यकता है, तो हम उन्हें केवल एक ही स्थान पर बदल सकते हैं।
हमारे मीडिया क्वेरीज़ जैसे "iPad" या कुछ भी विशेष रूप से विशिष्ट के नामकरण के बजाय, हम "बेबी बियर" और "पापा बियर" जैसे कुछ मनमाने लेकिन समझने योग्य नामों का उपयोग करेंगे।
हम एक विस्तृत स्क्रीन के साथ शुरू करते हैं, फिर इसे तब तक संकीर्ण करते हैं जब तक कि नेविगेशन खराब नहीं दिखता, और यह हमारा पहला मीडिया क्वेरी ब्रेक है। उस बिंदु पर हम नेविगेशन को आठ की एक पंक्ति के बजाय चार की दो पंक्तियों में तोड़ते हैं। हमें छाया को समायोजित करना होगा ताकि वह सही दिख सके।
हम कुछ मीडिया प्रश्नों पर पेज रैप की चौड़ाई को भी समायोजित करते हैं, जिसका अर्थ है कि हमें यह भी देखना होगा कि लोगो कैसे काम करता है।