grid-gap プロパティ

　grid-gap プロパティは、グリッドコンテナの子エレメント（グリッドアイテム）どうしの余白のサイズを指定するプロパティです。 grid-gap プロパティはグリッドコンテナに指定します。
　グリッドコンテナとは、display:grid;が設定されたエレメントのことです。

　grid-gap プロパティは以下のプロパティを一括して指定できます。

grid-row-gap

グリッドアイテムどうしの縦方向（列方向）の余白サイズ

grid-column-gap

グリッドアイテムどうしの横方向（行方向）の余白サイズ

.grid_container{
	display: grid;
	grid-gap: 10% 5%;
}

　指定する値が１つのときは高さ、幅ともに同じ値で設定されます。

　grid-template プロパティなどを設定していない状態では、グリッドアイテムが縦に並びます。 グリッドアイテムを縦横にレイアウトするためには、grid-template、grid-template-columns、grid-template-rows プロパティを使用する必要があります。

.grid_container{
	display: grid;
	grid-gap: 10% 5%;
	grid-template: 50px 50px 50px / 33% 33% 33%;
}