@@ -107,12 +107,6 @@ Value Definitions</h3>
107107<h2 id='masonry-layout'>
108108Masonry Layout</h2>
109109
110-
111- Masonry layout is supported for [=grid containers=]
112- by specifying the value ''grid-template-columns/masonry'' for one of its axes.
113- This axis is called the <dfn local-lt="masonry-axis">masonry axis</dfn> ,
114- and the other axis is called the <dfn local-lt="grid-axis">grid axis</dfn> .
115-
116110 <pre class='propdef partial'>
117111 Name : grid-template-columns, grid-template-rows
118112 New values : masonry
@@ -124,12 +118,18 @@ Masonry Layout</h2>
124118 Animation type : see [[css-grid-2#propdef-grid-template-columns|CSS Grid Level 2]]
125119 </pre>
126120
127- This allows us to use the full power of <a href="https://www.w3.org/TR/css-grid-2/">CSS Grid</a> in the [=grid axis=] .
128- Line names and track sizes can be specified
129- and <a>grid items</a> can be placed into the tracks and span them
121+ [=Masonry layout=] can be applied to [=grid containers=]
122+ by specifying the value ''grid-template-columns/masonry'' for one of its axes.
123+ This axis is called the <dfn local-lt="masonry-axis">masonry axis</dfn> ,
124+ and the other axis is called the <dfn local-lt="grid-axis">grid axis</dfn> .
125+
126+ The full power of [=grid layout=] is available in the [=grid axis=] .
127+ Line names and track sizes can be specified on the [=grid container=] ,
128+ and [=grid items=] can be placed into the tracks and span them
130129 using 'grid-column' / 'grid-row' as usual.
131- The <a href="https://drafts.csswg.org/css-align">CSS Box Alignment</a> properties
132- work the same as in a regular [=grid container=] in this axis.
130+ The [=alignment properties=] work the same as in a regular [=grid container=]
131+ in the [=grid axis=] .
132+
133133 In the [=masonry axis=] however,
134134 items are laid out one after another using the [[#masonry-layout-algorithm]] .
135135
0 commit comments