Responsive pyramidal grid with modern CSS layout logic
A pyramidal hexagon grid used to need JavaScript and negative margins. Modern CSS does it with grid auto-placement, sibling-index() and some triangular-number math, plus a fallback for narrow screens.