Skip to content

Commit 0d566d5

Browse files
committed
[css-grid-3][masonry] Simplify alignment description now that align/justify-tracks were removed.
1 parent f62c438 commit 0d566d5

File tree

1 file changed

+8
-12
lines changed

1 file changed

+8
-12
lines changed

css-grid-3/Overview.bs

+8-12
Original file line numberDiff line numberDiff line change
@@ -485,9 +485,8 @@ Alignment and Spacing</h2>
485485
[[css-align-3#content-distribution|content-distribution]] is applied
486486
to the content as a whole, similarly to how it behaves in block containers.
487487
More specifically, the <a>alignment subject</a> is the <dfn>masonry box</dfn>,
488-
which is the area between the [=content edge=] of the [=grid container=]
489-
and the [=end=] [=margin edge=] of the item that is the furthest away in the [=masonry axis=],
490-
as indicated by the dashed border here:
488+
which is the smallest rectangle bounding
489+
the [=margin boxes=] of all the [=grid items=].
491490

492491
<figure>
493492
<img src="images/masonry-box.png">
@@ -497,22 +496,19 @@ Alignment and Spacing</h2>
497496
</figcaption>
498497
</figure>
499498

500-
Note that there is only ever one <a>alignment subject</a>
499+
Note: There is only ever one <a>alignment subject</a>
501500
for these properties in the [=masonry axis=],
502501
so the unique 'align-content' / 'justify-content' values boil down to
503502
''align-content/start'',
504503
''align-content/center'',
505504
''align-content/end'',
506-
''align-content/stretch''
507505
and [=baseline alignment=].
508-
(''align-content/normal'' behaves as ''align-content/stretch'' as usual for [=grid containers=].)
509-
In the figure above, the [=grid container=] has ''align-content: start'';
510-
but if ''align-content'' were at its default ''align-content/normal'' value,
511-
then the [=masonry box=] would fill the [=grid container=]'s content box,
512-
due to being stretched.
513-
Moreover: if the grid items overflowed
506+
(The behavior of ''align-content/normal'' and ''align-content/stretch''
507+
is identical to ''align-content/start'',
508+
and the [=distributed alignment=] values behave as their [=fallback alignments=].)
509+
If the [=grid items=] overflow
514510
the [=grid container=]'s [=content box=] in the [=masonry axis=],
515-
then the [=masonry box=] would be larger than the [=grid container=]'s [=content box=].
511+
then the [=masonry box=] will be larger than the [=grid container=]'s [=content box=].
516512

517513
<h3 id="masonry-axis-baseline-alignment">
518514
Baseline Alignment in the Masonry Axis</h3>

0 commit comments

Comments
 (0)