Flexbox layout pattern 1/3
<p>I'm looking for some help with preparing layout pattern in flexbox, the thing is that I will have a set of divs printed inside container and I can not change the rendering logic (i.e. add some wrapping rows), yet, I'd like to get something like this:</p>

<p><a href="https://i.stack.imgur.com/FPYKh.jpg" rel="nofollow"><img src="https://i.stack.imgur.com/FPYKh.jpg" alt="desired layout"></a></p>

<p>Unfortunately got stuck every time, results weren't satisfactory at all :/
Height of those divs is fixed, 1 is a sum of 2 + 3 + gap.</p>

<p><a href="https://jsfiddle.net/zechkgf4/" rel="nofollow">https://jsfiddle.net/zechkgf4/</a></p>

<pre><code>[]
</code></pre>

<p>Thank you in advance</p>