É possível inverter a ordem do conteúdo na grade com CSS aplicando o código abaixo na class da div.
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
Caso precise trocar a ordem da sua DIV somente em dispositivos mobile, use o código abaixo:
@media (max-width: 960px) {
.inverter {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
Aplicando o código acima, o código abaixo:
<div class="inverter">
<div class="div-1">
DIV 1
</div>
<div class="div-2">
DIV 2
</div>
</div>
Terá o resultado como abaixo:
<div class="inverter">
<div class="div-2">
DIV 2
</div>
<div class="div-1">
DIV 1
</div>
</div>
