Flexbox & Grid

1次元・2次元レイアウトの中核エンジン：Flexboxパターン、Gridパターン、サブグリッドによる整列、余白を扱う gap と margin の使い分け。

Flexbox と Grid は、実務で書くレイアウトのほとんどをカバーします。それぞれの頻出パターン、サブグリッドによる整列、余白で gap と margin をどう使い分けるかをまとめています。