网格列间隙导致网格项溢出

Question

我正在尝试创建一个12列网格，就像Bootstrap一样，但是使用CSS3 Grid。

但是我遇到了一个很大的问题：如果我有 8列项并且间隙是40px ，那么最小宽度为40 * 8 = 320px或者它会溢出。

我在这里做了一个例子https://codepen.io/hrsetyono/pen/mpKxba

有什么语法可以解决这个问题吗？除了基本介绍之外，没有太多资源。