# 050: Construirea grilei galeriei - CSS-Tricks

Cuprins

Începem să căutăm în aspectul zonei Galeriei, lucru care mi-a trecut în minte de la începutul acestui proces de reproiectare. Mai ales pentru că ... galeria din v9 a cam cam suflat. O să ne descurcăm mai bine de data asta.

Vom face ca aspectul galeriei să nu fie altceva decât o grilă mare de imagini. Asta au celelalte galerii care sunt o plăcere să navigheze, deci ar trebui să fie și așa. Cu alte cuvinte: fără bara laterală, mai multe imagini.

Ne bazăm aspectul pe articolul din rețeaua foto sensibilă fără probleme, pe care l-am făcut cu ceva timp în urmă. În esență, lăsăm imaginile să cadă ca blocuri inline într-un singur părinte care utilizează coloane CSS3. Din fericire, Compass are niște ajutoare care să o facă și mai ușoară. Jgheaburile sunt realizate prin distanțarea coloanelor și marginea inferioară.

Pentru a simula un conținut real, folosim Place Kittens aleatoriu într-o buclă.

Articole interesante...