Nós adicionamos alguma capacidade de resposta à grade que configuramos para a Galeria. Nas telas mais largas, temos quatro colunas. Então começamos a adicionar pontos de interrupção por meio de nossos @mixins super fáceis que configuramos e estamos reutilizando por completo.
Em nosso ponto de interrupção mamãe-urso, descemos para 3 colunas, então fazemos um ponto de interrupção provisório entre mamãe-urso e bebê-urso, onde ele se divide em 2 colunas e, finalmente, 1 coluna em bebê-urso. Isso é muito fácil, pois tudo o que precisamos fazer é ajustar quantas colunas definimos via CSS3 column-count.
Terminamos o vídeo falando sobre os objetivos futuros da galeria. Seria bom poder carregar um número diferente de imagens em tamanhos de tela diferentes e usar miniaturas reais em vez de imagens em tamanho real. Talvez um dia cheguemos lá.
Só para constar, o software que estou usando localmente para capturar telas e enviá-las ao servidor via FTP é o LittleSnapper.
