Diseño

CSS lanza display: grid-lanes para layouts masonry sin JavaScript

Tras años de debate entre propuestas de Mozilla, WebKit y el equipo de Chromium, el CSSWG acordó en enero de 2025 reutilizar las propiedades de definición de tracks de CSS Grid para masonry, y en diciembre de 2025 estableció el nombre grid-lanes. La implementación usa un algoritmo de relleno que registra cuánto espacio ocupa cada columna y coloca el siguiente elemento en la columna más corta disponible. La sintaxis básica, display: grid-lanes con grid-template-columns y gap, es suficiente para la mayoría de los casos, con soporte para grid-column: span cuando se necesita control explícito. Esto cierra una brecha de larga data en el lenguaje CSS y permite layouts responsivos de contenido dinámico sin calcular alturas en JavaScript ni depender de librerías de terceros.