Estoy tratando de crear una página que permita al usuario agregar un 'mosaico' a una cuadrícula arrastrando y soltando. Puedo encontrar un montón de bibliotecas js y ejemplos de CSS/HTML para esto, pero todos ellos se basan en el cambio de tamaño dinámico de la fila/columna de la cuadrícula cuando se arrastra un 'mosaico' adicional a una sección de la cuadrícula. Estoy tratando de encontrar una manera de que los mosaicos dentro de cualquier 'celda' cambien de tamaño dinámicamente para caber en la celda cuando se agregan o eliminan mosaicos.

Intenté ilustrar esto: ¿alguien ha visto esto hecho a través de una biblioteca js o css/html (o cualquier otra cosa)? Será parte de una página web de React.

En el siguiente ejemplo, hay una fila de cuadrícula y dos columnas de cuadrícula. Cuando se arrastra un mosaico nuevo a la columna 2, el mosaico B cambia de tamaño dinámicamente para permitir que se agregue el mosaico sin necesidad de aumentar el tamaño de la fila (en relación con el tamaño de la pantalla).

Gracias por cualquier respuesta.