Как сделать перенос блоков внутри div?

Question

[TILLhen]

Создаю онлайн калькулятор для сайта. В div есть чекбоксы, некоторые из них не влезают в экран. Хотелось бы сделать для них перенос на следующую строку. Игрался со стилями, ничего не помогает.

Код калькулятора: https://codepen.io/till728/pen/OJEmvbw

Answer 1

[Лика]

Если целью стоит сбросить на вторую строчку параметры "Размер балки", то я бы добавила списку флекбокс стиль, разрешающий делать перенос строки, если контента слишком много, итого у вас получится:

.switcher {
    display: flex;
    flex-wrap: wrap;
}

Answer 2

[Алексей]

display:flex
flex-wrap: wrap
max-width: 100%: // нужный вам размер

Эти стили родителю