[css-flexbox] Adding gaps (like grid-gap) to flexbox

On talking to authors about Grid and Flexbox, in terms of the similarities between the two specifications, I’ve heard a number of people wonder why Flexbox does not also have “gaps” (gutters).

Is this something that could be considered an addition to the specification? Authors are typically getting around the issue by using negative margins on the flex container, see:

- http://stackoverflow.com/questions/20626685/is-there-any-better-way-to-control-distance-between-flexbox-items-than-margin <http://stackoverflow.com/questions/20626685/is-there-any-better-way-to-control-distance-between-flexbox-items-than-margin>
- http://www.heydonworks.com/article/flexbox-grid-finesse <http://www.heydonworks.com/article/flexbox-grid-finesse>
- http://codepen.io/irinakramer/pen/jcLlp <http://codepen.io/irinakramer/pen/jcLlp>

It seems as if this would be another way in which these two specifications could share common behaviours, which would in turn make it easier for authors to understand. 


— 
Rachel Andrew

Received on Sunday, 28 February 2016 19:50:32 UTC