Html 如何保持模式？

如何在更改分辨率时保持与元素吻合的gallery___项目的模式？我的意思是最后一行的最后一个元素成为新行的第一个元素。检查我的钢笔，看看我在找什么。 这是codePen。

我希望你明白我的意思

.gallery{
身高：100%；
宽度：100%；
}
在此处输入代码。gallery\uuuu gallery{}
.图库{
宽度：100px；
高度：100px；
利润率：10px；
位置：相对位置；
}
/*.gallery\uuuuuuuu盒：第n个孩子（偶数）{
自对准：柔性端；
} */
.图库项目{
剪辑路径：多边形（50%0、100%25%、100%75%、50%100%、075%、025%）；
高度：100px；
显示器：flex；
证明内容：中心；
对齐项目：居中；
背景：绿色；
}
.画廊第1排{
显示器：flex；
证明内容：中心；
高度：100px；
柔性包装：包装；
}
.画廊第2排{
显示器：flex；
柔性包装：包装；
证明内容：中心；
高度：100px；
}