Recently, someone posted on linkedIn “Creating the honeycomb structure in CSS” which resonated with me as i was literally in the process of creating a image of hexagons to create the exact same effect so it made sense to do it using HTML and CSS.

I did find though although it was a great post and gave you the key points it wasn’t a complete solution and missed a couple of things like filling the hexagon and actually putting it all together.

So i went off and did it for my website and thought it might be of interest to anyone else that enjoyed the post. I won’t bleat on about it here to much as i put it in a repo for anyone thats interested. You can view the code on GitHub: https://github.com/ssmason/HTML-SASS-Hexagons

I have used SASS to handle the CSS ( simple project but if your going to do it do it right ) and simply delivered on HTML page for local development. I’ve not deviated from what Utsav posted just plugged it all together

i’ve added this in my home page as well https://satori-digital.com/