モダンブラウザ全てでflexのgapが使用できるようになった。

gridで要素間の間隔を設定できるgap(column-gap,row-gap）。

マージンで設定しようとすると、疑似クラスでマージンを打ち消す必要など記述が複雑になるのがgapを指定することで、CSSをすっきりかけます。

そんなgapがflexでも全てのモダンブラウザ(IE11以外)で利用できるようになりました。

gridのcolumn-gapみたいな、横に設定、縦に設定それぞれにプロパティがあるわけではなく、gapで縦、横一括で指定するみたいです。

（もうちょっと確認してみます）