将CSS网格内容从一列移动到另一列

我正在学习CSS网格，不知道如何将内容从第一列移动到第二列（关于桌面视图+1200像素）。 我想实现一些基本的中心对齐，就像使用margin:0 auto一样。这就是为什么我将1fr放在4列之前，将1fr放在4列之后（网格模板列：1fr repeat（4，minmax（auto，250px））1fr；）。 但是内容放在了第一列中，这意味着要把4个内容列放在中间。 我希望你明白我的意思。请展开窗口以查看桌面宽度

<https://jsfiddle.net/freshynek/d3bzLgvh/>.   

。

内容将进入第一列。您应该从模板中删除该

1fr

（这是一种黑客行为，不会起作用）。改为使用

justify content:center到中心
div.grid

编辑：
理论上，您可以在第一张卡之前添加一个空div（
）。因此，第一列将为空，第二列将包含所需的内容。然而，正如我所说，这是一种黑客行为，如果你正在学习如何使用网格，你最好不要依赖黑客行为。
好的。我根据你的建议编辑了代码。现在是这样吗。请在问题中添加所有相关代码。当它完成的时候打我，我将逆转我的否决票。