فرض کنید کد زیر را داریم:

<div id="flex">
   <div id="a">A</div>
   <div id="b">B</div>
   <div id="c">C</div>
</div> 

با کد css زیر می توانید ترتیب عناصر را مشخص کنید ( در موبایل ) :

@media only screen and (max-width: 600px) {
    #flex { display: flex; flex-direction: column; }
    #a { order: 2; }
    #b { order: 1; }
    #c { order: 3; }
}

*کافی است تا عنصر والد را به flex تغییر دهید و برای هر کدام از فرزندان هم order تعیین کنید.

*اگر نمیخواهید که کد منحصر به موبایل باشد، قسمت media@ را حذف کنید.