Post

Both result in items laid out on a page. But a grid is an actual structure between the parent & siblings. Elements don't relate to each other, they relate through the grid. Flex items, like floats, are more just sloshing around in there. No internal layout structure to push off of, just elements.

I mean, flex items optionally wrap onto lines. It's technically not nothing. But it's the robust internal layout structure that makes grid powerful, and "2d" in more ways than just columns & rows, and possible to define in one place. While flex items have to work it out amongst themselves.

0 reposts6 likes

abspos: lay-out anchpos: lay-at relpos: lay-from float: lay-to grid: lay-in flex: lay-with table: lay-within flow: lay-off I’ll show myself the door.