Cómo cambiar el orden de flexión al envolver [cerrado]

Me gustaría lograr algo que se muestre así dependiendo del tamaño de la pantalla:

+---------------------------+
|  A  |       B       |  C  |
+---------------------------+

+---------------+
|   A   |   C   |
|       B       |
+---------------+

si todos los tamaños son fijos, puedo administrarlos usando el flexorder pero el tamaño de mi contenedor C no es fijo y no puedo usar una consulta de medios estáticos.

¿Hay una manera de lograr esto?

Editar: logré una aproximación lo suficientemente buena: en una consulta de medios seleccionando todas las pantallas quepodría necesita envolver, cambio elorder del contenedor B a algo grande, y al mismo tiempo, configuré sumin-width al 100% que fuerza la envoltura.

Respuestas a la pregunta(1)

Su respuesta a la pregunta