Как на флексах расположить блоки в таком виде?

Question

[WebforSelf]

Есть вот такой блок (выводится в цикле изображение , текст)



Но не получается на флексах сверстать именно так, на флоатах я бы прижал их один влево один вправо, а вот с флексами пока учусь. Как разместить такого рода блоки?

https://codepen.io/webforself/pen/qBEEMby

Сайт на бустрапе 4 ( получается что размещаются они один под одним, а не так как на скрине. Отрицательными маргинами их двигать?

Comments

[WebforSelf]

Xdevelx, Согласен, поэтому выбрал путь посложней, сделал чтоб было 3 блока в сетке.

Answer 1

[Дмитрий]

justify-content: space-between как вариант, если нужно левую колонку прижать влево, центральную по центру, а правую - вправо.

Comments

[WebforSelf]

нет, в том то и проблема что это записи которые выводятся в цикле, и поэтому должна одна запись слева, другая справа.