@@ -3608,18 +3608,28 @@ Grid Sizing Algorithm</h3>
3608
3608
</div>
3609
3609
3610
3610
<li>
3611
- Next, the <a>track sizing algorithm</a> resolves the sizes of the <a>grid rows</a> ,
3612
- using the <a>grid column</a> sizes calculated in the previous step
3613
- and the effective column gap sizes after applying 'justify-content' .
3611
+ Next, the <a>track sizing algorithm</a> resolves the sizes of the <a>grid rows</a> .
3612
+
3613
+ To find the <a>inline-axis</a> <a>available space</a>
3614
+ for any items whose <a>block-axis</a> size contributions require it,
3615
+ use the <a>grid column</a> sizes calculated in the previous step.
3616
+ If the <a>grid container</a> ’s <a>inline size</a> is <a>definite</a> ,
3617
+ also apply 'justify-content'
3618
+ to account for the effective column gap sizes.
3614
3619
3615
3620
<li>
3616
3621
Then, if the <a>min-content contribution</a> of any grid item has changed
3617
3622
based on the row sizes and alignment calculated in step 2,
3618
3623
re-resolve the sizes of the <a>grid columns</a>
3619
3624
with the new <a lt="min-content contribution">min-content</a>
3620
- and <a>max-content contributions</a> (once only),
3621
- using the <a>grid row</a> sizes calculated in the previous step
3622
- along with the effective row gap sizes calculated by applying 'align-content' .
3625
+ and <a>max-content contributions</a> (once only).
3626
+
3627
+ To find the <a>block-axis</a> <a>available space</a>
3628
+ for any items whose <a>inline-axis</a> size contributions require it,
3629
+ use the <a>grid row</a> sizes calculated in the previous step.
3630
+ If the <a>grid container</a> ’s <a>block size</a> is <a>definite</a> ,
3631
+ also apply 'align-content'
3632
+ to account for the effective row gap sizes.
3623
3633
3624
3634
<div class="note">
3625
3635
This repetition is necessary for cases where the <a>inline size</a> of a <a>grid item</a>
@@ -3634,9 +3644,14 @@ Grid Sizing Algorithm</h3>
3634
3644
based on the column sizes and alignment calculated in step 3,
3635
3645
re-resolve the sizes of the <a>grid rows</a>
3636
3646
with the new <a lt="min-content contribution">min-content</a>
3637
- and <a>max-content contributions</a> (once only),
3638
- using the <a>grid column</a> sizes calculated in the previous step
3639
- along with the effective column gap sizes calculated by applying 'justify-content' .
3647
+ and <a>max-content contributions</a> (once only).
3648
+
3649
+ To find the <a>inline-axis</a> <a>available space</a>
3650
+ for any items whose <a>block-axis</a> size contributions require it,
3651
+ use the <a>grid column</a> sizes calculated in the previous step.
3652
+ If the <a>grid container</a> ’s <a>inline size</a> is <a>definite</a> ,
3653
+ also apply 'justify-content'
3654
+ to account for the effective column gap sizes.
3640
3655
3641
3656
<li>
3642
3657
Finally, the <a>grid container</a> is sized
0 commit comments