Как поменять местами блоки div в мобильной версии

Как поменять порядок блоков div в мобильной версии сайта. Чтобы менять порядок — используем свойство order с указанием порядкового номера блока. Родительскому элементу назначили display: flex; flex-flow: wrap; чтобы можно было сортировать, вложенные в него блоки.

@media only screen and (max-width: 768px) {
  /* For mobile: */
	.rowall {display: flex;flex-flow: wrap;}
	.col1 {order: 2;}
	.col2 {order: 1;}
	.col3 {order: 3;}
}

@seomur

Это сайт с моими заметками по wordpress и woocommerce