Есть ли способ указать разную ширину столбцов в CSS3?

ользую код из документации для создания макета столбцов карт, который будет иметь 3-4 карты. Я начинаю только с одного. Вот мой код:

<div class="card-columns">
  <div class="card">
    <img class="card-img-top img-fluid" src="..." alt="Card image cap">
     <div class="card-block">
       <h4 class="card-title">Card title that wraps to a new line</h4>
        <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit 
 longer.</p>
  </div>
</div> 

скрипка

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

Спасибо