如何使列从CSS Grid的中心开始？

Question

我正在尝试将我的Flexbox布局更改为新的/servers/sqlserver，默认情况下列从左侧开始。

如何让他们从中心开始，指定display: grid这样？

（就像Flexbox中的grid-column-start一样）

是否可以使用align-items: center？

编辑：这是我的HTML结构和CSS样式。

HTML

display: grid

SASS

<div class="centered grid">
    <div class="three wide column"></div>
    <div class="two   wide column"></div>
</div>

我还尝试将.grid display : grid grid-template-columns: repeat(12, 1fr) .grid .column[class*="two wide"] grid-column: span 2 .grid .column[class*="three wide"] grid-column: span 3 应用于我想要居中的列，但结果并非我的预期。 （列不从网格中心开始。）