# 050: Membangun Kisi Galeri - Trik CSS

Daftar Isi

Kami mulai menggali tata letak area Galeri, yang merupakan sesuatu yang ada di pikiran saya sejak awal proses desain ulang ini. Sebagian besar karena… galeri di v9 agak payah. Kami akan melakukannya lebih baik kali ini.

Kami akan membuat tata letak galeri hanya berupa kisi-kisi gambar yang besar. Itulah yang dimiliki galeri lain yang menyenangkan untuk dijelajahi jadi ini juga harus seperti itu. Dengan kata lain: tidak ada sidebar, lebih banyak gambar.

Kami mendasarkan tata letak pada artikel kisi foto responsif mulus yang saya lakukan beberapa waktu lalu. Pada dasarnya kita membiarkan semua gambar jatuh sebagai blok-sebaris menjadi satu induk yang menggunakan kolom CSS3. Untungnya, Kompas memiliki beberapa bantuan untuk membuatnya lebih mudah. Talang dibuat melalui jarak kolom dan margin bawah.

Untuk mensimulasikan beberapa konten nyata, kami menggunakan Place Kittens yang diacak dalam satu lingkaran.

Artikel yang menarik...