Rework layout outline based on convo with Alex. Edits to the actual algorithm to follow.

Author: tabatkins

css3-flexbox/Overview.html

@@ -1764,21 +1764,26 @@ <h2 id=layout-algorithm><span class=secno>7. </span> Flexbox Layout
     <li>Reorder flexbox items according to &lsquo;<a
      href="#flex-order0"><code class=property>flex-order</code></a>&rsquo;.
 
-    <li>Find the "hypothetical size" of every flexbox item.
+    <li>Find the hypothetical main size of every flexbox item.
 
     <li>Linebreak the flexbox, if it's multi-line.
 
     <li>Based on the hypothetical sizes of the items, find the real main size
-     of the flexbox and the hypothetical cross size.
+     of the flexbox.
 
     <li>Resolve any flexible lengths. All items now have a real main size.
 
-    <li>Align in the main axis, per &lsquo;<a href="#flex-pack0"><code
-     class=property>flex-pack</code></a>&rsquo;.
+    <li>Update layout for the items based on their real main sizes, and
+     determine their hypothetical cross size.
 
     <li>Based on &lsquo;<a href="#flex-align0"><code
      class=property>flex-align</code></a>&rsquo;, find the real cross size of
-     the flexbox, its lines, and the items.
+     the flexbox and its lines.
+
+    <li>Update layout for the items based on their real cross sizes.
+
+    <li>Align in the main axis, per &lsquo;<a href="#flex-pack0"><code
+     class=property>flex-pack</code></a>&rsquo;.
 
     <li>Align in the cross axis, per &lsquo;<a href="#flex-align0"><code
      class=property>flex-align</code></a>&rsquo;.

css3-flexbox/Overview.src.html

@@ -853,17 +853,21 @@ <h2 id='layout-algorithm'>
 		<ol>
 			<li>Reorder flexbox items according to 'flex-order'.</li>
 
-			<li>Find the "hypothetical size" of every flexbox item.</li>
+			<li>Find the hypothetical main size of every flexbox item.</li>
 
 			<li>Linebreak the flexbox, if it's multi-line.</li>
 
-			<li>Based on the hypothetical sizes of the items, find the real main size of the flexbox and the hypothetical cross size.</li>
+			<li>Based on the hypothetical sizes of the items, find the real main size of the flexbox.</li>
 
 			<li>Resolve any flexible lengths.  All items now have a real main size.</li>
 
-			<li>Align in the main axis, per 'flex-pack'.</li>
+			<li>Update layout for the items based on their real main sizes, and determine their hypothetical cross size.</li>
+
+			<li>Based on 'flex-align', find the real cross size of the flexbox and its lines.</li>
 
-			<li>Based on 'flex-align', find the real cross size of the flexbox, its lines, and the items.</li>
+			<li>Update layout for the items based on their real cross sizes.</li>
+
+			<li>Align in the main axis, per 'flex-pack'.</li>
 
 			<li>Align in the cross axis, per 'flex-align'.</li>