Cards of same height and footer bottom alignment

    .card {
        height: 100%;
        display: flex;
    }

    .card-block {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
    }

    .card.card-footer {
        align-self: flex-end;
        flex: 1 1 auto;
    }

<!--Card-->
            <div class="card card-cascade wider">

                <!--Card image-->
                <div class="view overlay hm-white-slight">
                    <img src="https://mdbootstrap.com/img/Photos/Horizontal/E-commerce/Products/shoes%20(3).jpg" class="img-fluid" alt="">
                    <a>
                        <div class="mask waves-effect waves-light"></div>
                    </a>
                </div>
                <!--/.Card image-->

                <!--Card content-->
                <div class="card-block text-center">
                    <div class="mb-1">
                        <!--Category & Title-->
                        <a href="" class="text-muted"><h5>Shoes</h5></a>
                        <h4 class="card-title"><strong><a href="">Pink sneakers</a></strong></h4>
                        
                        <!--Description-->
                        <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing minima veniam elit. Nam incidunt eius est voluptatibus.
                        </p>
                    </div>

                    <!--Card footer-->
                    <div class="card-footer">
                        <span class="left">39$</span>
                        <span class="right">
                        <a class="" data-toggle="tooltip" data-placement="top" title="Quick Look"><i class="fa fa-eye"></i></a>
                        <a class="" data-toggle="tooltip" data-placement="top" title="Add to Wishlist"><i class="fa fa-heart"></i></a>
                        </span>
                    </div>

                </div>
                <!--/.Card content-->

            </div>
            <!--/.Card-->

Hi,

I have tried the example above using MDB 4.4.1, I've changed the card-block to card-body etc. but it is making all cards stretch beyond the screen height.

Can you please let me know if this still works for MDB 4.4.1? I am using twig for the template, if that makes any difference.

P.S. It would be nice if we could simply add a "match-height" class on a card.