Si el elemento 1 & 2 cuentan con 200px y el espacio que queda vacío es de 600px, al agregar a cada uno "flex-grow: 1;" se dividiría esos 600px por los 2 elementos, lo cual daría como resultado los 200px originales más 300px de espacio que estaba vacio para cada elemento.
Hola Daniel, como estás?
Exactamente, la propiedad flex-grow refiere el crecimiento de un elemento en su dirección principal. El espacio restante es el tamaño del contenedor menos el tamaño de todos los elementos juntos. Si todos los ítems dentro del contenedor tienen el mismo factor de crecimiento, todos los elementos reciben la misma cantidad del espacio restante. De lo contrario, el espacio restante se distribuye en función de los diferentes factores de crecimientos de cada item.
Si tienes alguna duda sobre el contenido de los cursos, estaremos aquí para ayudarte.