Is this possible? Beehive / masonry grid

Dear community,

I designed a webpage with a beehive grid. Normally I’d use WordPress to built webpages, though I’m doubting if this layout is possible. I thought about using a masonry grid as base and edit it from there, but how can I edit it that the shapes come closer to each other and connect into one pattern rather than a lot of space in between the shapes, since they’re not squares / rectangular objects. Can someone elaborate on if it possible at all?

The beehive pattern looks like a classical beehive, with space in between the shapes which is the background. Ideally the shapes are separate objects, since they will be buttons and when the screen is made smaller or viewed on a phone the objects will be lined under each other.

Many thanks!!