title: Cards with different sizes in Bootstrap 4 card-group
body: <p>Is it possible to mix card of different sizes within a card-group in Bootstrap 4. I want to have a large card (double width) on the left size, and two smaller cards on the right, with the same height of all three.</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="card-group"&gt;
          &lt;div class="card col-md-6"&gt;
            &lt;div class="card-block"&gt;
              &lt;h4 class="card-title"&gt;Card 1&lt;/h4&gt;
              &lt;p class="card-text"&gt;Text 1&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
           &lt;div class="card col-md-3"&gt;
            &lt;div class="card-block"&gt;
              &lt;h4 class="card-title"&gt;Card 2&lt;/h4&gt;
              &lt;p class="card-text"&gt;Text 2&lt;/p&gt;
              &lt;p class="card-text"&gt;More text 2&lt;/p&gt;
              &lt;p class="card-text"&gt;More text 2&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="card col-md-3"&gt;
            &lt;div class="card-block"&gt;
              &lt;h4 class="card-title"&gt;Card 3&lt;/h4&gt;
              &lt;p class="card-text"&gt;Text 3&lt;/p&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>