CSS Gridは、ページ上の項目を行と列に配置する方法です。仕切りのあるトレイのように、それぞれを決めた場所に置き、画面に合わせて全体を調整できます。

ギャラリーなら、広い画面ではカードを横に三枚並べ、狭いスマートフォンでは列数を減らせます。Gridを使えば、カードを一つずつ手動で配置せずに行と列を指定できます。

縦横の二方向を同時に扱うレイアウトに適しています。ボタンを一列に並べたり縦に積んだりするだけなら、もっと単純な方法のほうが管理しやすい場合があります。