By default items appear in the order they appear in the markup (with direction determined by flex-direction).
We can change the specific order of child elements by setting their order number. Any element without a specified number has the order value 0.
4-1. square 2 has order : 2;
4-2. square 3 has order : -99;