Адаптивная гексагональная сетка на современном CSS

Соберите повторяющуюся гексагональную сетку без медиа запросов и JS, используя flexbox, CSS переменные и современные возможности вроде corner-shape и точных вычислений для смещения рядов. Код короче, меньше магических чисел, а размер и gap управляются одной парой переменных.

https://css-tricks.com/responsive-hexagon-grid-using-modern-css/