такая вёрстка называется masonry и реализуется разными техниками, библиотеками, js-ом Для вашего примера вот такую вёрстку на codepen https://codepen.io/rachelandrew/full/QWEmPvK
Можно при помощи флексов направление основной оси изменить(flex-direction) и сделать flex-wrap:wrap; Но есть пробема - высоту автоматически выставить не получится - чтобы они в три колонки вот так выстроились. Нужно будет или джаваскриптом рассчитывать или вручную фиксированную высоту выставлять.. Если можно в жаваскрипт попробуйте ещё masonry-js может получится(я сам не пробовал) говорят что в цсс скоро можно будет чтото наподобии этого делать без жса.
Ещё есть один способ - газетные колонки. Но когда я его пробовал , там была скудная поддержка браузеррв https://css-tricks.com/almanac/properties/c/columns/
Обсуждают сегодня