Не зная количества столбцов - выровнять по центру

Question

Ситуация:

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

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

Я нашел решение, но яне знаю, является ли ситуация наиболее подходящей, в основном из-за отзывчивости страницы.

Я также подумал, что для достижения цели буду использовать javascript, но лучше просто использовать CSS.

Любые предложения?

Изображения того, что предназначено

с несколькими столбцами

со столбцами, занимающими страницу

найден код решения.

.container {
    display: table;
    margin: 0 auto;
}

.container__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.card {
    width: 100px;
    height: 200px;
    background: red;
}

.card:not(:last-child) {
    margin-right: 20px;
}

 <div class="container">
      <div class="container__content">
          <div class="card"></div>
          <div class="card"></div>
          <div class="card"></div>
          <div class="card"></div>
      </div>
  </div>