display: flex で並べた要素の margin のために class つけるの面倒で grid みたいに gap つけれたらなと思って試すと動いた
これかなり助かる

Firefox でも動いた
MDN 見てみると Safari は未対応ぽい
https://developer.mozilla.org/en-US/docs/Web/CSS/gap

スマホ対応考えないなら普通に使っていけそう