CSS grid: release 2.0
Blog post from Webflow
The release of CSS Grid 2.0 in Webflow significantly enhances the design of responsive, grid-powered layouts by addressing previous limitations and introducing new features like autoflow positioning and auto-fit. Autoflow positioning allows grid items to automatically occupy the next available cell, simplifying the creation of responsive designs that adapt to different screen sizes without manual adjustments for each breakpoint. This feature, alongside the new support for collection and ecommerce product lists, facilitates the development of dynamic, content-driven layouts. The auto-fit function further enhances flexibility by automatically generating rows and columns according to predefined size constraints, ensuring compatibility across all devices. Additionally, the "dense" option helps fill empty grid spaces but may create accessibility challenges for screen reader users due to potential discrepancies between the visual layout and source HTML order.