【css】スマホとPCで要素の順番を変えるflex-boxのorderプロパティ

https://qiita.com/saksak/items/6ade0be65ad83733e993

.main{ display: flex; flex-flow: row wrap; }

.main div{width: 50%;}

.main .item1{order: 1;}

.main .item2{order: 3;}

.main .item3{order: 4;}

.main .item4{order: 2;}/*このセルの位置を操作*/

@media (max-width: 768px) {

.main{display: block;}

.main div{width: 100%;}

}