Calculate best fitting column size for dynamic list of content (bootstrap 12-columns layout)

column-size-twig.twig

{% set colClass = 'col-' ~ (12 / max(2, min(blogPosts.length, 4))) %}
<div class="row">
  {% for article in blogPosts %}
    <article class="{{ colClass }}">
      ...
    </article>
  {% endfor %}
</div>

column-size.ts

const calcColumnSize = (amount: number, min: number = 2, max: number = 4, total: number = 12) => {
  return total / Math.max(min, Math.min(amount, max));
}

const blogsColumnClass = "col-" + calcColumnSize(blogPosts.length);