CSS: Perfect CSS hexagons in any size using transform and calc()

In this tutorial I will how you how to create perfect CSS hexagons in any size using transform and calc(). This method doesn’t make use of borders and dynamically calculates the essential values like the width and positioning based on some trigonometry calculations.