# 050: Galleriruudukon rakentaminen - CSS-temppuja

Sisällysluettelo

Alamme kaivaa Galleria-alueen asettelua, mikä on ollut mielessäni tämän uudelleensuunnitteluprosessin alusta lähtien. Enimmäkseen siksi, että… galleria v9: ssä oli jonkin verran imeytynyt. Menemme tällä kertaa paremmin.

Teemme gallerian asettelusta vain suuren kuvaruudukon. Sitä on muilla gallerioilla, joita on ilo selata, joten myös tämän pitäisi olla. Toisin sanoen: ei sivupalkkia, lisää kuvia.

Perustamme asettelun saumattomaan reagoivaan valokuvaruudukkoartikkeliin, jonka tein jonkin aikaa sitten. Pohjimmiltaan annamme kuvien kaikkien pudota inline-lohkoina yhteen vanhempaan, joka käyttää CSS3-sarakkeita. Onneksi Compassilla on joitain auttajia helpottamaan sitä. Kourut tehdään sarakevälin ja pohjareunuksen kautta.

Todellisen sisällön simuloimiseksi käytämme satunnaistettuja Place Kittens -silmukoita.

Mielenkiintoisia artikkeleita...