@@ -1692,23 +1692,23 @@ Flexible Lengths: the ''fr'' unit</h4>
1692
1692
1693
1693
A <dfn export>flexible length</dfn> or <dfn><<flex>></dfn> is a dimension
1694
1694
with the <dfn value for="<flex>" lt="fr|fr unit">fr</dfn> unit,
1695
- which represents a fraction of the <a>free space</a> in the <a>grid container</a> .
1695
+ which represents a fraction of the <a>leftover space</a> in the <a>grid container</a> .
1696
1696
1697
1697
Note: <<flex>> values are not <<length>> s
1698
1698
(nor are they compatible with <<length>> s, like some <<percentage>> values),
1699
1699
so they cannot be represented in or combined with other unit types in ''calc()'' expressions.
1700
1700
1701
- The distribution of <a>free space</a> occurs after all non-flexible <a>track sizing functions</a> have reached their maximum.
1702
- The total size of such rows or columns is subtracted from the available space, yielding the <a>free space</a> ,
1701
+ The distribution of <a>leftover space</a> occurs after all non-flexible <a>track sizing functions</a> have reached their maximum.
1702
+ The total size of such rows or columns is subtracted from the available space, yielding the <a>leftover space</a> ,
1703
1703
which is then divided among the flex-sized rows and columns in proportion to their <a>flex factor</a> .
1704
1704
1705
1705
Note: Flexible lengths in a <a>track list</a> work similarly to flexible lengths with a zero base size in [[CSS-FLEXBOX-1]] .
1706
1706
1707
- Each column or row's share of the <a>free space</a> can be computed as the column or row's
1708
- <code> <flex> * <free space> / <sum of all <a>flex factors</a> ></code> .
1707
+ Each column or row's share of the <a>leftover space</a> can be computed as the column or row's
1708
+ <code> <flex> * <leftover space> / <sum of all <a>flex factors</a> ></code> .
1709
1709
1710
1710
Note: If the sum of the <a>flex factors</a> is less than 1,
1711
- they'll take up only a corresponding fraction of the <a>free space</a> ,
1711
+ they'll take up only a corresponding fraction of the <a>leftover space</a> ,
1712
1712
rather than expanding to fill the entire thing.
1713
1713
This is similar to how Flexbox [[CSS-FLEXBOX-1]] acts when the sum of the 'flex' values is less than 1.
1714
1714
0 commit comments