Cambios en el diseño de cuadrícula CSS en porcentajes y altura indefinida

Esta es una inmersión profunda maravillosamente nerd en un cambio de CSS muy específico realizado por Manuel Rego Casasnovas. Aquí hay un poco de terminología que debemos conocer:

La primera pregunta es, ¿qué es un tamaño indefinido? La respuesta simple es que un tamaño definido es un tamaño que puedes calcular sin tener en cuenta el contenido del elemento. Un tamaño indefinido es lo contrario; para calcularlo es necesario comprobar primero el contenido.

Y luego continúa explicando lo complicado que se vuelve todo esto. El cambio, en pocas palabras:

Los porcentajes de seguimiento de filas y medianiles para contenedores de cuadrícula de altura indefinida se resolverán con respecto a la altura intrínseca en lugar de tratarse como automático y cero respectivamente.

Manuel ofrece una bonita demostración visual: