Correct flex grid source ordering example in docs, closes #7946

diff --git a/docs/pages/flex-grid.md b/docs/pages/flex-grid.md
index 84da76b77da41da9e77c57e9a62ad9361640e623..23b188df4825cefc9d23dd83081ce20827b20701 100644 (file)
--- a/docs/pages/flex-grid.md
+++ b/docs/pages/flex-grid.md
@@ -293,11 +293,11 @@ We have a set of classes that make it easy to setup source ordering in your HTML
 
 ```html_example
 <div class="row">
-  <div class="column order-1 medium-order-2">
-    This column will come first on small, and second on medium and larger.
-  </div>
-  <div class="column order-2 medium-order-1">
+  <div class="column small-order-2 medium-order-1">
     This column will come second on small, and first on medium and larger.
   </div>
+  <div class="column small-order-1 medium-order-2">
+    This column will come first on small, and second on medium and larger.
+  </div>
 </div>
 ```