# 050: Construyendo la cuadrícula de la galería - Trucos CSS

Tabla de contenido

Comenzamos a profundizar en el diseño del área de la Galería, que es algo que ha estado en mi mente desde el comienzo de este proceso de rediseño. Sobre todo porque ... la galería en v9 apestaba un poco. Lo haremos mejor esta vez.

Vamos a hacer que el diseño de la galería no sea más que una gran cuadrícula de imágenes. Eso es lo que tienen otras galerías y es un placer navegar, así que esto también debería ser así. En otras palabras: sin barra lateral, más imágenes.

Basamos el diseño en el artículo de cuadrícula de fotos receptiva que hice hace un tiempo. Básicamente, dejamos que todas las imágenes caigan como bloques en línea en un padre que usa columnas CSS3. Afortunadamente, Compass tiene algunos ayudantes para hacerlo aún más fácil. Los canalones se realizan a través del espacio entre columnas y el margen inferior.

Para simular contenido real, usamos Place Kittens aleatorios en un bucle.

Articulos interesantes...