メディアクエリを使用してdivをあるコンテナから別のコンテナに移動する必要があるという奇妙な状況があります-これが可能かどうかさえわかりませんので、我慢してください。
divを傾斜させて回転させることで六角形を作成しました。次に、これらを負のマージン（1行あたり5つ）を使用して一度に1行ずつ並べます。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;}
}
ただし、六角形には動的なコンテンツがあり、特にすべてのコンテンツを複製する必要はありません。
何か案は？
どうもありがとう