@mediaCSS'de sorgu kavramını tanıtıyoruz .
Bu projede Sass kullanmanın bize sağladığı şeylerin çoğu KURU kalmaktır (kendinizi tekrar etmeyin). Bunu renk ve beden değişkenlerini ayarlayarak yaptık. Bunu yazı tipi yığınlarımızla yaptık. Şimdi bunu medya sorgularıyla tekrar yapıyoruz. Ne zaman bir medya sorgusuna ihtiyacımız olursa, kullanabileceğimiz bir @mixin'e sahibiz. Bu şekilde, onları ayarlamamız gerekirse, onları tek bir yerde değiştirebiliriz.
Medya sorgularımızı "iPad" veya bunun gibi aşırı spesifik bir şey olarak adlandırmak yerine, "Bebek Ayı" ve "Papa Bear" gibi bazı keyfi ama anlaşılabilir isimler kullanacağız.
Geniş bir ekranla başlıyoruz, ardından gezinme kötü görünene kadar ekranı daraltıyoruz ve bu bizim ilk medya sorgusu molamız. Bu noktada navigasyonu tek sıra sekiz yerine dörtlü iki sıraya böleriz. Doğru görünmesi için gölgeleri ayarlamalıyız.
Ayrıca belirli medya sorgularında sayfa sarma genişliğini de ayarlıyoruz, bu da logonun nasıl çalıştığını da değiştirmemiz gerektiği anlamına geliyor.