File tree Expand file tree Collapse file tree 1 file changed +5
-6
lines changed Expand file tree Collapse file tree 1 file changed +5
-6
lines changed Original file line number Diff line number Diff line change @@ -3072,9 +3072,9 @@ With a Grid Container as Containing Block</h3>
30723072 <div class='example'>
30733073 <pre>
30743074 .grid {
3075- grid: 10rem 10rem 10rem 10rem / 1fr 1fr 1fr 1fr ;
3076- /* 4 columns of ''10rem'' each ,
3077- 4 equal-height rows filling the <a>grid container</a> */
3075+ grid: 1fr 1fr 1fr 1fr / 10rem 10rem 10rem 10rem ;
3076+ /* 4 equal-height rows filling the <a>grid container</a> ,
3077+ 4 columns of ''10rem'' each */
30783078 justify-content: center;
30793079 /* center the grid horizontally within the <a>grid container</a> */
30803080 position: relative;
@@ -3135,10 +3135,9 @@ With a Grid Container as Containing Block</h3>
31353135With a Grid Container as Parent</h3>
31363136
31373137 An absolutely-positioned child of a <a>grid container</a>
3138- does not affect the placement of other items
3138+ is out-of-flow and not a <a>grid item</a> ,
3139+ and so does not affect the placement of other items
31393140 or the sizing of the grid.
3140- However, it does participate in the <a href="#auto-placement-algo">reordering step</a> (see 'order' ),
3141- which has an effect on painting order.
31423141
31433142 The <a href="https://www.w3.org/TR/CSS21/visudet.html#abs-non-replaced-width">static position</a> [[!CSS21]]
31443143 of an absolutely-positioned child of a <a>grid container</a>
You can’t perform that action at this time.
0 commit comments