Mosaico por columna más corta
columns: 4 es una línea de CSS y es la respuesta equivocada para contenido ordenado: rellena la primera columna entera antes de empezar la segunda, así que lo primero y lo segundo quedan uno encima del otro en vez de uno al lado del otro. El reparto correcto es una pasada codiciosa que mete cada pieza en la columna más corta, y para eso hay que conocer las alturas ANTES de colocar.
Cómo funciona este catálogo
Cada componente trae su prompt de reproducción: el texto que se pega en un constructor con inteligencia artificial para obtener exactamente esta pieza. Los valores que ves arriba son editables, y el prompt que copias lleva dentro los que hayas elegido, así que lo que se genera es lo que estabas mirando.
