Agregamos cierta capacidad de respuesta a la cuadrícula que hemos configurado para la Galería. En las pantallas más amplias, lo tenemos configurado en cuatro columnas. Luego comenzamos a agregar puntos de interrupción a través de nuestras @mixins súper fáciles que hemos configurado y hemos estado reutilizando por todas partes.
En nuestro punto de ruptura mamá-oso bajamos a 3 columnas, luego hacemos un punto de ruptura intermedio entre mamá-oso y bebé-oso donde se divide en 2 columnas, luego finalmente 1 columna en bebé-oso. Esto es muy fácil, ya que todo lo que tenemos que hacer es ajustar cuántas columnas configuramos a través de CSS3 column-count.
Terminamos el video hablando de los objetivos futuros de la galería. Sería bueno poder cargar un número diferente de imágenes en diferentes tamaños de pantalla y usar miniaturas reales en lugar de imágenes de tamaño completo. Quizás algún día lleguemos allí.
Para que conste, el software que estoy usando localmente para capturar capturas de pantalla y subirlas al servidor a través de FTP es LittleSnapper.