Responsive Card-Groups (Keeping Equal Height)

[Phillips126]

Would it be possible to take advantage of the grid css to make .card-groups responsive and keep the cards at equal heights?

An example of the code:
http://codepen.io/anon/pen/bVdvxR

<div class="card-group">
    <div class="card col-sm-4 col-xs-12">
        <div class="card-block">
            <h4 class="card-title">Card 1</h4>
            <p class="card-text">Some content here...</p>
        </div>
    </div> 
    <!-- more cards here... -->
</div>

Adding the grid css to each card does make them responsive, but as you can see the cards are no longer at equal heights.

[lenamtl]

+1

[araffin]

+1

[gjsduarte]

+1

[samuelsiau]

+1

[jozydapozy]

+1

[samuelsiau]

+1

[DarioSalutt]

+1

[ManasN]

7 | +1 :)

[chetanism]

+1

[lindeberg]

+1

[Oxicode]

+1

[guylepage3]

Wait. Doesn't flex-grid solve this?

[mdo]

Flexbox will indeed be of help here. Nothing specific will change for the card groups at this time.