Gutters in flexbox: row-gap and column-gap properties

This css property allows you to specify spacing between flex items and/or flex lines.

Developers can get close to this functionality with the margin and padding properties but there are limitations. Cribbing from : margin collapsing would break gutters when nesting gutter containers, e.g. any width specified on the gutter item would not be inclusive of the gutter, e.g.




Working draft or equivalent

Status in Chromium


Proposed (tracking bug)

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • Shipped
  • No public signals
  • No public signals
  • Positive


Last updated on 2020-01-24