Move equal height near equal width

docpad.coffee

@@ -29,7 +29,7 @@ docpadConfig = {
 			# Here are some old site urls that you would like to redirect from
 			oldUrls: [],
 
-			version: "1.9.0",
+			version: "1.9.1",
 
 			# The default title of our website
 			title: "Semantic UI"

server/documents/collections/grid.html.eco

@@ -1016,6 +1016,26 @@ themes      : ['Default', 'Fixed-width']
       </div>
     </div>
 
+    <div class="example">
+      <h4 class="ui header">Equal Height</h4>
+      <p>A row can specify that it is equal height so all of its columns appear the length of its longest column.</p>
+      <div class="ui three column grid">
+        <div class="equal height divided row">
+          <div class="column">
+            <p>This is a short row</p>
+          </div>
+          <div class="column">
+            <p>This is a short row</p>
+          </div>
+          <div class="column">
+            <p>This is a very long row with lots of text in it and way more text than the other rows</p>
+            <p>It might even span for multiple paragraphs.</p>
+          </div>
+        </div>
+      </div>
+    </div>
+
+
     <div class="example">
       <h4 class="ui header">Doubling</h4>
       <p>A grid can double its column width on tablet and mobile sizes</p>
@@ -1213,26 +1233,6 @@ themes      : ['Default', 'Fixed-width']
         </div>
       </div>
     </div>
-
-    <div class="example">
-      <h4 class="ui header">Equal Height</h4>
-      <p>A row can specify that it is equal height so all of its columns appear the length of its longest column.</p>
-      <div class="ui three column grid">
-        <div class="equal height divided row">
-          <div class="column">
-            <p>This is a short row</p>
-          </div>
-          <div class="column">
-            <p>This is a short row</p>
-          </div>
-          <div class="column">
-            <p>This is a very long row with lots of text in it and way more text than the other rows</p>
-            <p>It might even span for multiple paragraphs.</p>
-          </div>
-        </div>
-      </div>
-    </div>
-
     <div class="another example">
       <div class="ui three column horizontally padded grid">
         <div class="equal height row">