How to change the flex order when wrapping
<p>I would like to achieve something that renders like this depending on the screen size:</p>

<pre><code>+---------------------------+
|  A  |       B       |  C  |
+---------------------------+

+---------------+
|   A   |   C   |
|       B       |
+---------------+
</code></pre>

<p>if all size are fixed, i can manage using the flex <code>order</code> property
but the size of my C container is not fixed and so I can't use a static media query.</p>

<p>Is there a way to achieve this?</p>

<p>Edit:
I managed a good enough approximation: In a media query selecting all screens that <em>might</em> need wrapping, I change the <code>order</code> of the B container to something big, and at the same time, I set its <code>min-width</code> to 100% which forces the wrap.</p>