具有自动行的无限宽度css网格

我需要创建自动宽度css网格，在每8个元素后换行

我不能更改html标记和使用flexcss属性。使用css网格属性执行此操作

我不能为第二排做反转，所以它从一张窄卡片开始，就像在设计中一样

.block instagram{
显示：网格；
网格模板行：重复（225px）；
网格模板列：重复（4368px225px）；
网格间距：2px；
}
.block-instagram\u项目{
背景：#e3；
}

---

这就是你要找的吗

我希望您至少可以更改

css

，尽管这个解决方案似乎有点老套

.block instagram{
显示：网格；
网格模板行：重复（225px）；
网格模板列：重复（4，225px 143px 225px）；
网格间距：2px；
}
.block-instagram\u项目{
背景：#e3；
}
/*此规则针对第1项至第8项中的奇数元素*/
.block-instagram_uu项目：第n个子项（-n+8）：第n个子项（奇数）{
格构柱：跨度2；
}
/*此规则针对第9项至无穷大中的偶数元素*/
.block-instagram\u项目：第n个孩子（n+9）：第n个孩子（偶数）{
格构柱：跨度2；
}