Get the latest tech news

Item Flow, Part 1: A new unified concept for layout

CSS Grid and Flexbox brought incredible layout tools to the web, but they don’t yet do everything a designer might want.

The WebKit team at Apple picked up where Mozilla left off, implemented the drafted spec, and landed it in Safari Technology Preview 163. Or, to behave like Grid, dense packing could mean Flexbox will look back to previous spots in the layout and place smaller items in any available space. A default slack of 1em means, “hey, when you are looking to see which column has an empty space closest to the top (as you decide where to put the next item), don’t worry about it if the difference is 1em or less.

Get the Android app