Laravel breezeのCSSを真似てmarginにgapを使ったらコンポーネント化しやすくなった話

先日、laravel breezeを触る機会があってフォームのソースを見てみたらmarginがそんなに使われておらずgapでmarginを調整していることを知って初めどうしてわざわざgapを使うのか疑問でした。

gapを使うことでコンポーネントにmarginをつける必要がなくなってマージンの管理がしやすくなることに気付きました。

そりゃgapで管理するなー

ある程度marginが一定のものになら応用できそうなので試してみます。