Gutter issues caused by space-between

[manu-unter]

I'm a very interested follower of the Radium and Radium-Grid projects of yours.

I love your approach at using the space-between setting for creating the gutter, even though I somehow don't like the fact that it will only work if the Cells add up to a width of 1 for each wrapped line. And detecting line breaks to fill those gaps automatically with e.g. margins would require large amounts of logic involving the order property, given sizes etc., effectively reverse-engineering a fair part of the flexbox placement logic.

That's why I have two questions:

1. Is there a specific reason why you chose to use the rather dynamic and unreliable space-between setting instead of e.g. center or flex-start/-end along with margins? After all, you do render a div per Cell anyways, so why not give it half a gutter as margin per side and make the gutter width adapt to the breakpoints? Even if the reason is that you don't want to have that half gutter before the first or after the last column (which is a common requirement on the other hand), you could easily remove that again using negative margin on the Grid component, which is also entirely under your control.
2. Did you ever try to build a grid using higher-order components or decorators to avoid having too many layers of divs within the dom? I'm also a huge supporter of fighting all those unnecessary row, wrapper, container etc. divs in favor of trying to accomplish everything with one flex-container and its flex-items as children.

I would be really happy if you could give me your thoughts on those questions. Or maybe hint me towards a mailing list or discussion going on somewhere where people had the same ideas.