In the design guidelines there are lots of examples of stacked hexagons.
Here's an example:
However, if you use the hexagons provided in the repo, they don't stack elegantly and it requires splitting pixels in order to align things correctly. Here's an example; notice how the bottom two hexagons don't have a white space between them like they do when placed next to the hexagon above:
Upon further investigation, it seems that the hexagons have a black 2px border on the outside of the shape. This is throwing everything off. If you remove the border and resize the hexagon correctly, the spacing is corrected:
In the design guidelines there are lots of examples of stacked hexagons.
Here's an example:![image](https://user-images.githubusercontent.com/473531/56666085-3fdc7800-6679-11e9-938a-59c9216f117b.png)
However, if you use the hexagons provided in the repo, they don't stack elegantly and it requires splitting pixels in order to align things correctly. Here's an example; notice how the bottom two hexagons don't have a white space between them like they do when placed next to the hexagon above:
Upon further investigation, it seems that the hexagons have a black 2px border on the outside of the shape. This is throwing everything off. If you remove the border and resize the hexagon correctly, the spacing is corrected: