Chapter 3
Fluid Layouts and Responsive Images
Section 8
Changing Source Order
One method is to wrap elements in something set to display: table and then switch the display property on the items within: between display: table-caption, display: table-footer-group, and display: table-header-group. However, as robust as this technique is, this was a happy accident, rather than the true intention of these settings. However, Flexbox has visual source reordering built in. Let's have a look at how it works. This video covers: - Changing Source Order - Wrapping up Flexbox