Адаптивный контейнер, почти полный кнопок

#css

#css

Вопрос:

Есть ли способ оправдать кнопки внутри подразделения.
Кнопки имеют разные размеры.

введите описание изображения здесь

Я пробовал с flexbox, но я надеюсь, что есть другой способ.
Это решение с flexbox, которое я хочу изменить, потому что это уродливый взлом:

 .container {
    display: flex;
    flex-wrap: wrap;
}
.container::after {
    content: "";
    flex-grow: 999999999999;
}
.container button {
    flex-grow: 1;
}
  

Обновить:
https://jsfiddle.net/hfme3qw0/

Обновить:
https://jsfiddle.net/o56rpeam/

Проблема, с которой я сталкиваюсь, более ясна в последней скрипке, где кнопки в последней строке имеют другой размер, чем те, что указаны выше. Попробуйте изменить размер контейнера…

Спасибо!

Комментарии:

1. Не могли бы вы предоставить простой макет с помощью jsfiddle, пожалуйста?

2. может быть, это я, но я не понял, что означает «оправдать внутри подразделения»?

3. @Corbuk конечно, я обновил вопрос, и теперь есть jsfiddle.

4. @Corbuk выравнивание по тексту (как слева, так и справа).

5. у текущего решения flexbox есть проблемы?