Skip to content

Commit 270a221

Browse files
committed
[css-grid-2] Clarify placement of items placed outside the subgrid’s explicit grid. #2564
1 parent e3bdd3c commit 270a221

1 file changed

Lines changed: 16 additions & 10 deletions

File tree

css-grid-2/Overview.bs

Lines changed: 16 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -176,6 +176,22 @@ Characteristics of a Subgrid Item</h3>
176176
These names are in <em>addition</em> to
177177
any line names specified locally on the subgrid.
178178

179+
180+
<li id="subgrid-implicit">
181+
The <a>subgrid</a> does not have any <a>implicit grid tracks</a>
182+
in the subgridded dimension(s).
183+
Hypothetical <a>implicit grid lines</a> are used to resolve placement
184+
as usual when the <a>explicit grid</a> does not have enough lines;
185+
however
186+
each <a>grid item</a>’s <a>grid area</a>
187+
is <a>clamped</a> to the subgrid’s <a>explicit grid</a>
188+
(using the same procedure as for clamping placement in an overly-large grid).
189+
190+
<div class="example">
191+
For example, if a ''span 1'' subgrid has a <a>grid item</a> with ''grid-column: 2 / span 3;'',
192+
then that item is instead forced into (and limited to) the first (only) track in the subgrid.
193+
</div>
194+
179195
<li id="subgrid-size-contribution">
180196
The <a>subgrid</a> itself lays out as an ordinary <a>grid item</a> in its parent grid,
181197
but acts as if it was completely empty for sizing purposes
@@ -341,16 +357,6 @@ Characteristics of a Subgrid Item</h3>
341357
</dl>
342358
</div>
343359

344-
<li id="subgrid-implicit">
345-
The <a>subgrid</a> does not have any <a>implicit grid tracks</a>
346-
in the subgridded dimension(s);
347-
every <a>grid area</a> within it is <a>clamped</a> to its <a>explicit grid</a>.
348-
349-
<div class="example">
350-
For example, if a ''span 1'' subgrid has a <a>grid item</a> with ''grid-column: 2 / span 3;'',
351-
then that item is instead forced into (and limited to) the first (only) track in the subgrid.
352-
</div>
353-
354360
<li id="subgrid-box-alignment">
355361
The <a>subgrid</a> is always stretched in its subgridded dimension(s:
356362
the 'align-self'/'justify-self' properties on it are ignored,

0 commit comments

Comments
 (0)