PCとスマホで(レスポンシブ)でdiv要素の順番を入れ替えたい。

そんなときのメモになります。

flex-boxを使って順番を変更しています。
ちなみにブレークポイントを768pxとしています。

illustration by Ouch.pics