Javascript: Calcular y/o convertir tamaño de columna que viene en Px a Fr en un Css Grid.

Se requiere un Javascript Developer para solventar un problema de cálculo y conversión. Dada una clase especifica para un elemento DIV, como por ejemplo: .grid-test { display: grid; width: 800px; min-height: 200px; grid-template-columns: 400px repeat(2, .5fr) 1fr; grid-template-rows: 1fr; gap: 0; } Se requiere convertir el valor de la primera columna que es de 400px a FR, en este ejemplo el resultado esperado sería de 2fr. Sin embargo, para el anterior ejemplo, no hay complicaciones para llegar al resultado esperado, por lo que es necesario tomar en cuenta los siguientes escenarios: 1. El cálculo debe estar preparado para cualquier escenario posible. 2. Debe tomar en cuenta si el tamaño de alguna columna cambia debido al contenido de la misma por un elemento posicionado en el área. Por ejemplo, una columna puede tener un valor de 2fr pero el width del elemento posicionado en dicha columna puede ser superior al definido inicialmente. 3. Debe estar preparados para la función repeat(n, xfr), incluyendo lo relacionado al punto 2. 4. Debe estar preparado para columnas con valores fijos en PX. 5. Puede ser cualquier columna en la definición.