Bu yeniden tasarım sürecinin başlangıcından beri aklımda olan Galeri alanının düzenini incelemeye başlıyoruz. Çoğunlukla çünkü ... v9'daki galeri berbattı. Bu sefer daha iyisini yapacağız.
Galeri düzenini büyük bir resim ızgarasından başka bir şey yapmayacağız. Göz atmaktan zevk alan diğer galerilerin sahip olduğu şey bu, bu da öyle olmalı. Başka bir deyişle: kenar çubuğu yok, daha fazla görüntü.
Düzeni, bir süre önce yaptığım kusursuz duyarlı fotoğraf ızgarası makalesine dayandırıyoruz. Esasen, görüntülerin tümünün satır içi bloklar olarak CSS3 sütunlarını kullanan bir ana öğeye düşmesine izin veriyoruz. Neyse ki, Compass'ın bunu daha da kolaylaştıracak bazı yardımcıları var. Oluklar kolon aralığı ve alt kenar boşluğu ile yapılır.
Bazı gerçek içeriği simüle etmek için bir döngüde rastgele yerleştirilmiş Kedi Yavrularını kullanıyoruz.