<div style="display: flex; flex-direction: row;">
<girl/>
<div style="display: flex; flex-direction: column;">
<div style="display: flex; flex-direction: row;">
<horizontal lines image/>
<vertical lines image/>
</div>
<sweet escape image/>
</div>
</div>
The concept you are missing is the “flex-direction” one. It tells the flex box to layout the children either in a row or column. You just need to use that, and nest them!
1
solved How to display this setup in flex or grid? [duplicate]