Как с помощью flexbox расположить элементы?

Question

[Ghena_29]

Как сделать верстку как на фото с помощью flexbox ?
Есть родительский блок,в нем находятся дочерние,например:

<div class="main">
	<div class="photo">Фото</div>
	<div class="text">Текст</div>
	<div class="text">Текст</div>
	<div class="text">Текст</div>
	<div class="text">Текст</div>
	<div class="text">Текст</div>
</div>

Comments

[Сергей delphinpro]

Сверстать можно, но с некоторыми оговорками. В целом, на флексах так не делают, без доп оберток.
Но можно. Суть метода можно понять из этого пена https://codepen.io/delphinpro/pen/BWJEgG

[Ghena_29]

Сергей delphinpro, а если разбить на блоки,например:

<div class="main">
	        <div class="box1">
		        <div class="photo"></div>
	        </div>
		<div class="box2">
			<div class="text"></div>
			<div class="text"></div>
		</div>
		<div class="box3">
			<div class="text"></div>
			<div class="text"></div>
			<div class="text"></div>
		</div>
	</div>

Как можно сделать что бы фото было на всю высоту,а остальные 2 блока обтекали по левому краю,а что бы был перенос строки у тех блоков.

Можно как-то реализовать?