レスポンシブでpcとスマホでdivの順番を入れ替える方法

Tweet

Pocket

レスポンシブでpcとスマホでdivの順番を入れ替えるには、以下のように書きます。
* 2番目と4番目のdivを入れ替える場合。

div_wrap {
display: flex;
flex-flow: row wrap;
}
div:nth-child(2) {
order: 4;
}
div:nth-child(4) {
order: 2;
}