Grid网格列位置 grid-column

.el--8 {
	grid-column: 2/3;
	grid-row: 1/2;
}

作用：将网格元素放置在指定列，起始位置/结束位置 这里就是放置在 2-3 网格列线之间，也就是第二列。若起始位置和结束位置之间横跨两个单元格，那么会将其合并。

也可以使用 span 关键字。表示横跨几个格子。

.el--8 {
	grid-column: 1 / span 2;
	/* grid-column: 1 / 4; */
}

如果想直接让该元素横跨所有单元格到最后，可以直接设定结尾下标为 -1：

.el--8 {
	grid-column: 1 / -1;
}

网格线可以按F12然后点 GRID 标签显示。