Вертикально соединить колонны Materialise CSS

Question

У меня есть материализованная сетка CSS, и мне нужно вытянуть блоки друг к другу вертикально, поэтому, если мои блоки имеют разный размер, они будут складываться 'друг другу Не можете найти какое-либо решение в Интернете, это действительно возможно?

Мой код:

 <div class="news row">
            <div class="newsItem__wrap col s12 m6 l4 xl4">
               <div class="news__item newsItem">
                <img src="{{asset('images/cat.jpg')}}" alt="" class="newsItem__img">
                    <h2 class="newsItem__title">В Киеве разоблачили группу "черных риелторов"</h2>
                    <p class="newsItem__subtitle">Они по сговору проворачивали аферы, чтобы завладеть…</p>
                    <div class="newsItem__info newsInfo">
                        <span class="newsInfo__time">5 минут назад</span>
                        <div class="newsInfo__views views">
                            <img src="{{asset('images/comment.svg')}}" alt="" class="views__img">
                            <span class="views__count">15</span>
                        </div>
                    </div>
               </div>
            </div>