如何按特定顺序在CSS中排列六边形？

Question

我对CSS很陌生，但是我对它有了很好的了解。我发现了如何创建六边形和模式，但是我很难找到如何对它们进行特定的排序。我的订单最初应该look like is this（永远不要背景或背后的文字）

如果有人能解释我如何做这个订单，我会很感激，所以如果浏览器窗口太小或什么的话，它就不会搞砸了。

感谢。