Hola Rafael,
, no me fué fácil describirlo, ahí tienes el código, los 2 primeros ejemplos son los parciales, en los siguientes ejemplos se combinan los 2 primeros, parece que "funciona en jsfiddle" aunque las cajas se cortan entre una y otra columna
https://jsfiddle.net/7210bhyp/4/
Aunque tengo mis dudas -> columns: 100px 3; <- Se supone que esto indica un máximo de 3 columnas con un ancho por columna de 100px, pero si pongo un ancho mayor de 300px al contenedor provoca que las columnas se vuelvan más anchas, ¿Es correcto o es un fallo?
Nota: En Opera medio funciona, en Firefox no funcionan los ratio
----------
En la siguiente imagen de ejemplo muestro como podría mostar unas Tarjetas partiendo del CSS: "Columns y Ratio" para controlar ancho y número de los elementos hijos por fila
