Gostaria de conseguir algo que renderize assim, dependendo do tamanho da tela:

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

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

se todo o tamanho for fixo, eu posso gerenciar usando o flexorder propriedade, mas o tamanho do meu contêiner C não é fixo e, portanto, não posso usar uma consulta de mídia estática.

Existe uma maneira de conseguir isso?

Editar: eu consegui uma aproximação suficientemente boa: em uma consulta de mídia, selecione todas as telas quepoderia preciso embrulhar, eu mudo oorder do contêiner B para algo grande e, ao mesmo tempo, defino suamin-width a 100%, o que força o envoltório.