css - 使用 CSS 和媒体查询将 div 移动到另一个 div

Question

我有一个奇怪的情况，我需要使用媒体查询将 div 从一个容器移动到另一个容器 - 我什至不知道这是否可以做到，所以请耐心等待。

我通过倾斜和旋转 div 创建了六边形形状，然后使用负边距（每行 5 个）一次排列一行。这一切都正常工作，就像jsFiddle

我的问题是响应式设计，当屏幕低于 980 像素时，我想将右手最下方的六边形移动。

基本上此刻我正在复制 div，所以我可以隐藏一个并显示另一个（有效）

@media screen and (max-width: 980px) {

div#hex14{display:block;}
div#hex0{display:none;}

div#hex14{display:block;}
div#hex0{display:none;}

}

但是，六边形中有动态内容，我也不想特别复制所有内容。

有任何想法吗？

非常感谢