随机形状的六边形网格

Question

我正在尝试以随机生成的形状创建一个六边形网格，每行最多12个六边形。

我想要实现的原始设计： Design

在这个JS小提琴中，您可以看到我到目前为止所获得的内容，但我似乎无法弄清楚如何在行中添加更多六边形，以及如何生成像设计一样的网格。

https://jsfiddle.net/marijnroukens/a4xvLeon/1/

hex:nth-child

它与所有十六进制有关：nth-​​child's。

先谢谢你的帮助！