Css 填充某些网格项的所有宽度

我想通过使用网格列和网格来实现这种结构，但在我的例子中，第5列和第6列并没有填充所有宽度，如何修复它

.parent{
显示：网格；
网格模板列：自动；
栅柱间隙：16px；
}
.孩子{
高度：50px；
背景：rgb（8218515）；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.gridColumn{
网格柱：1；
}

1.
2.
3.
4.
5.
6.
7.

尝试编辑css

gridColumn

类以：

.gridColumn {
  grid-column: 1 / span 2;
}

---

或

网格列：1/-1以防列数更改