Создание адаптивной пирамиды с помощью современного CSS
Делаем сложный адаптивный макет с гексагональными элементами, используя передовые возможности CSS Grid и математические вычисления.
https://css-tricks.com/making-a-responsive-pyramidal-grid-with-modern-css/