CSS

A property to set spacing between grid rows and columns.

grid-gap

grid-gap は、CSSグリッドレイアウトの行と列の間にできるスキマ（間隔）を設定するためのプロパティです。

グリッドアイテム同士の「間」を広げたり狭めたりすることで、見やすく整ったレイアウトを作ることができます。

例えば、

CSS

.grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10px;
}

このように書くと、列と行の両方の間に10pxのスペースが空きます。

なお、grid-gap は現在は非推奨（deprecated）で、代わりに gap プロパティを使うのが一般的です。