如何在css网格中的单个列上的单元格之间进行交换

Question

我对我的网站做出了响应。它是一个简单的网格，由2列和带有各种项目的自动行组成。我添加了这个，使其仅在890px的1列中：

@media all and (max-width: 890px) {
.main-container div {
grid-column: 1 / span 3;
}}

然后他们做得很好。问题是我在那个网格里有14个项目。在这一点上，我希望.item6在.item7所在的地方，反之亦然。我试着加上"；顺序：x〃；到项目，并在屏幕为890px但不起作用时更改顺序。

在此处输入图像描述

在这里你可以看得更好，第6项是另一面文字墙。下一个项目(.item7(是一张图片。我想把第7项放在第6项所在的位置。交换位置。谢谢

Answer 1

已解决。使用"；网格行：n〃；。