Hexagonal-effect-on-hover
There is 17 rows in which 20 container with shape class. And these shapes class are styled as it form hexagonal shape.
Display of row is inline-block so that shapes can align in row. And all the even row have the property of margin left which align the rows in a way, there is no space left between the rows.