🖐 No me ha quedado del todo claro el fr, entiendo que mantiene la proporción y tal, pero cuando ponemos por ejemplo grid-template-columns...

¡Hola, @Ivi_Mendieta! 🤓 🍍 🍍 Más qué mantener la proporción,

nos ayuda a dividir la grilla de una forma más clara.

toma de referencia el ancho y alto disponible en nuestra grilla. En el ejemplo que planteas lo que hace es dividir la grilla en octavos. ¿Por qué? Es el total de sumar las fracciones () . Entonces la primera columna ocuparía 1/8, la segunda columna 3/8 y la tercera 4/8 del ancho disponible.

Sí la grilla tuviera 800px de ancho disponible, la primera columna tendría 100px (1/8) de ancho, la segunda 300px (3/8) y la tercera 400px (4/8) respectivamente. 🤓🍍🍍