First of all, great idea to use clip-path for your hexagons. The only problem is there is no support in IE, Edge, and some slightly older Android phones. That is a pretty big chunk of the web viewing population (about 13% in the US) so you might need to detect that feature using Modernizr and have some alternate styles for browsers that don't support clip-path. IE and company could see squares but hopefully it wouldn't look totally broken.
First of all, great idea to use clip-path for your hexagons. The only problem is there is no support in IE, Edge, and some slightly older Android phones. That is a pretty big chunk of the web viewing population (about 13% in the US) so you might need to detect that feature using Modernizr and have some alternate styles for browsers that don't support clip-path. IE and company could see squares but hopefully it wouldn't look totally broken.
http://caniuse.com/#feat=css-clip-path
https://modernizr.com/