# 050: Construindo a grade da galeria - CSS-Tricks

Índice

Começamos a nos aprofundar no layout da área da Galeria, que é algo que está em minha mente desde o início deste processo de reformulação. Principalmente porque ... a galeria na v9 meio que é uma droga. Vamos fazer melhor desta vez.

Faremos o layout da galeria nada mais que uma grande grade de imagens. Isso é o que outras galerias têm e que são um prazer de navegar, então deve ser assim também. Em outras palavras: sem barra lateral, mais imagens.

Baseamos o layout no artigo de grade de fotos responsivo que fiz há um tempo. Essencialmente, deixamos todas as imagens caírem como blocos embutidos em um pai que usa colunas CSS3. Felizmente, o Compass tem alguns ajudantes para tornar ainda mais fácil. As calhas são feitas com espaçamento entre colunas e margem inferior.

Para simular algum conteúdo real, usamos Place Kittens aleatoriamente em um loop.

Artigos interessantes...