En este caso queremos tener un masonry balanceado, con scroll horizontal, similar a este de acá abajo:
Queremos que:
- A Medida de que agreguemos imágenes se vayan creando nuevas columnas (no filas).
- Que no queden espacios libres arriba y abajo de las columnas (excepto de la última).
- Que no todas las imágenes ocupen la misma cantidad de espacio vertical.
- No debemos escribir JavaScript.
- No debemos modificar el HTML.
No es necesario que la imágen se vea completa, podemos recortarla en caso de que sea necesario.
Para resolver este ejercicio podés abrir el archivo index.html en tu dispositivo o resolverlo en CodeSandbox