grid-area プロパティ

　grid-area プロパティは、グリッドコンテナにおいての子エレメント（グリッドアイテム）の配置と区割りを指定するプロパティです。グリッドコンテナとは、display:grid; を設定したエレメントのことです。
　grid-area プロパティは、グリッドアイテム（子エレメント）に指定します。

　方法は２つあります。ひとつは、grid-area プロパティでグリッドアイテムに名称を指定し、その名称を元に grid-template-areas で表示位置と区割り指定することです。

.grid_container{
	display: grid;
	grid-template-areas: 'exampleArea exampleArea exampleArea';
}

.chld_element01 {
	grid-area: exampleArea;
}

　もうひとつは、grid-area プロパティに配置と区割りを直接指定する方法です。この場合は、以下のプロパティを一括して指定できます。

• grid-row-start
• grid-column-start
• grid-row-end
• grid-column-end

grid-area: 2 / 2 / span 2 / span 3;