CSS Grid 可以將網頁項目放入列和欄中，就像有許多格子的托盤：每個項目可以放在指定位置，整體配置也能配合螢幕調整。

例如，畫廊在寬螢幕上可以一列顯示三張卡片，在窄手機螢幕上則減少欄數。Grid 讓設計者描述列欄關係，不必手動定位每張卡片。

當配置需要同時處理兩個方向時，可以使用它。如果只是排列一列按鈕或垂直堆疊內容，更簡單的配置方式可能較容易管理。