Ich denke bei Gittern an Anordnungen von Rechtecken mit vertikalen und horizontalen Linien. Und das sind sie auch, aber das bedeutet nicht, dass wir nicht clevere Dinge damit tun können, wie wir Elemente auf diesen Gittern platzieren und was wir anschließend mit den Elementen machen.
In dieser Demo von Jesse Breneman wird ein Gitter aus Hexagonen erstellt, indem die Spalten des Gitters mathematisch so eingerichtet werden, dass jeder Block drei Spalten und zwei Zeilen überspannen kann, sodass sich die Blöcke überlappen, was die Anwendung eines clip-path um sie herum ermöglicht. Dies schnitzt einen Block zu einem Hexagon, das gleichmäßig mit den anderen angeordnet ist. Sehr clever.
Und, *ha*, das ist eine verdammt gute Domain Jesse. Persönlich weiß ich nichts darüber, über CSS auf einer super kitschigen Domain zu bloggen.