# 053: Galeri için Duyarlı Sütunlar - CSS Hileleri

Anonim

Galeri için kurduğumuz ızgaraya biraz duyarlılık katıyoruz. En geniş ekranlarda, dört sütuna ayarladık. Ardından, kurduğumuz ve her yerde yeniden kullandığımız süper kolay @mixin'lerimiz aracılığıyla kesme noktaları eklemeye başlıyoruz.

Ana-ayı ayrılma noktamızda 3 sütuna iniyoruz, sonra anne-ayı ile bebek-ayı arasında 2 sütuna, ardından yavru-ayıda 1 sütuna bölündüğü bir ara kesme noktası yapıyoruz. Bu çok kolay çünkü yapmamız gereken tek şey CSS3 ile kaç tane sütun ayarladığımızı ayarlamak column-count.

Galerinin gelecekteki hedefleri hakkında konuşan videoyu sonlandırıyoruz. Farklı ekran boyutlarına farklı sayıda resim yükleyebilmek ve tam boyutlu resimler yerine gerçek küçük resimler kullanabilmek güzel olurdu. Belki bir gün oraya varırız.

Kayıt için, ekran görüntülerini yakalamak ve bunları FTP yoluyla sunucuya yüklemek için yerel olarak kullandığım yazılım LittleSnapper.