Si ambos elementos tienen la propiedad flex-grow: 1, significa que ambos tienen la misma capacidad para crecer y ocupar el espacio restante del contenedor flex. En este caso, el espacio restante es de 600 px.
Dado que ambos elementos tienen la misma capacidad de crecimiento, el espacio se distribuirá equitativamente entre ellos. Por lo tanto, cada elemento recibirá la mitad del espacio disponible.
En este ejemplo, el elemento 1 y el elemento 2 tendrían un tamaño de 300 px cada uno. Así quedaría la distribución:
Elemento 1: 300 px (200 px inicial + 100 px de crecimiento). Elemento 2: 300 px (200 px inicial + 100 px de crecimiento).
