[css-grid-1] Incorporate track alignment into grid sizing algo per #2557

Author: fantasai

css-grid-1/Overview.bs

@@ -3617,22 +3617,35 @@ Grid Sizing Algorithm</h3>
 
 		<li>
 			Next, the <a>track sizing algorithm</a> resolves the sizes of the <a>grid rows</a>,
-			using the <a>grid column</a> sizes calculated in the previous step.
+			using the <a>grid column</a> sizes calculated in the previous step
+			and the effective column gap sizes after applying 'justify-content'.
 
 		<li>
-			Then, if the <a>min-content contribution</a> of any grid items have changed
-			based on the row sizes calculated in step 2,
-			steps 1 and 2 are repeated with the new <a>min-content contribution</a>
-			and <a>max-content contribution</a> (once only).
+			Then, if the <a>min-content contribution</a> of any grid item has changed
+			based on the row sizes and alignment calculated in step 2,
+			re-resolve the sizes of the <a>grid columns</a>
+			with the new <a lt="min-content contribution">min-content</a>
+			and <a>max-content contributions</a> (once only),
+			using the <a>grid row</a> sizes calculated in the previous step
+			along with the effective row gap sizes calculated by applying 'align-content'.
 
 			<div class="note">
-				This cycle is necessary for cases where the <a>inline size</a> of a <a>grid item</a>
+				This repetition is necessary for cases where the <a>inline size</a> of a <a>grid item</a>
 				depends on the <a>block size</a> of its <a>grid area</a>.
 				Examples include wrapped column <a>flex containers</a> (''flex-flow: column wrap''),
 				<a>orthogonal flows</a> ('writing-mode'),
 				and <a spec=css-multicol>multi-column containers</a>.
 			</div>
 
+		<li>
+			Next, if the <a>min-content contribution</a> of any grid item has changed
+			based on the column sizes and alignment calculated in step 3,
+			re-resolve the sizes of the <a>grid rows</a>
+			with the new <a lt="min-content contribution">min-content</a>
+			and <a>max-content contributions</a> (once only),
+			using the <a>grid column</a> sizes calculated in the previous step
+			along with the effective column gap sizes calculated by applying 'justify-content'.
+
 		<li>
 			Finally, the <a>grid container</a> is sized
 			using the resulting size of the <a>grid</a> as its content size,