Проблема с неправильной высотой контейнера div с шестиугольными дочерними элементами [закрыто] ⇐ CSS

[Anonymous]

Я создал контейнер div, который имеет несколько дочерних элементов шестиугольника со свойством display:inline-block.
По этой ссылке на код вы можете увидеть высоту контейнера проблема. Обычно контейнер должен охватывать все дочерние элементы. Но это не
предварительный просмотр изображения проблемы
На этом этапе я понял

Код: Выделить всё

 margin-bottom: calc(var(--m) - var(--s)*0.2885);

Это свойство вызывает проблему и устраняется при удалении. Но для правильных дочерних полей шестиугольника нам нужно добавить это.
Попробовал добавить очистку после контейнера, но не помогло.
Я также пробовал это ссылка на решение, но тоже не работает
Как я могу исправить высоту контейнера, не удаляя свойство поля шестиугольника?

Подробнее здесь: https://stackoverflow.com/questions/787 ... gon-childs