@@ -3104,17 +3104,18 @@ <h3 id=stacking-elements-on-top-of-a-grid-grid-><span class=secno>3.2.
31043104 class =property > grid-area</ code > </ a > ’ other then ‘< a
31053105 href ="#none "> < code class =css > none</ code > </ a > ’. More precisely: the
31063106 element is placed as for ‘< code class =css > grid-area: < var > x</ var >
3107- < var > y</ var > < var > W</ var > < var > H</ var > , where < var > x</ var > and
3107+ < var > y</ var > < var > W</ var > < var > H</ var > </ code > ’ , where < var > x</ var > and
31083108 < var > y</ var > are chosen as follows: < span class =issue > Define. Tight
31093109 packing (i.e., closest to top left corner) or preserve element order
3110- (i.e., to the right or below of previous element)?</ span > </ code >
3110+ (i.e., to the right or below of previous element)?</ span >
31113111
3112- < p > The name ’rows' comes from the fact that this algorithms tends to
3113- fill a row with subsequent elements and then adds new rows below. E.g.,
3114- if all children of a grid element have ‘< code class =css > grid-area:
3115- auto</ code > ’ and ‘< code class =css > grid-auto: row</ code > ’, they
3116- will be placed one after the other on the same row until the row is
3117- full, and then on the next row, etc.
3112+ < p > The name ‘< code class =property > rows</ code > ’ comes from the fact
3113+ that this algorithms tends to fill a row with subsequent elements and
3114+ then adds new rows below. E.g., if all children of a grid element have
3115+ ‘< code class =css > grid-area: auto</ code > ’ and ‘< code
3116+ class =css > grid-auto: row</ code > ’, they will be placed one after the
3117+ other on the same row until the row is full, and then on the next row,
3118+ etc.
31183119
31193120 < dt > columns
31203121
@@ -3126,15 +3127,15 @@ <h3 id=stacking-elements-on-top-of-a-grid-grid-><span class=secno>3.2.
31263127 href ="#grid-area "> < code class =property > grid-area</ code > </ a > ’ other
31273128 then ‘< a href ="#none "> < code class =css > none</ code > </ a > ’. More
31283129 precisely: the element is placed as for ‘< code class =css > grid-area:
3129- < var > x</ var > < var > y</ var > < var > W</ var > < var > H</ var > , where < var > x </ var >
3130- and < var > y</ var > are chosen as follows: < span class = issue > define </ span >
3131- </ code >
3130+ < var > x</ var > < var > y</ var > < var > W</ var > < var > H</ var > </ code > ’, where
3131+ < var > x </ var > and < var > y</ var > are chosen as follows: < span
3132+ class = issue > define </ span >
31323133 </ dl >
31333134
3134- < p class =issue > The pair of keywords ’ ‘< code
3135- class = css > same/next </ code > ’‘ < code class = css > and the pair
3136- </ code > ’grid-auto' /‘< code class =css > auto</ code > ’ do the same thing
3137- in different ways. We need only one. Which is easier?
3135+ < p class =issue > The pair of keywords ‘< code class = css > same/next </ code > ’
3136+ and the pair ‘ < a href =" #grid-auto " > < code
3137+ class = property > grid-auto </ code > </ a > ’ /‘< code class =css > auto</ code > ’
3138+ do the same thing in different ways. We need only one. Which is easier?
31383139
31393140 < p > If an elements has a ‘< a href ="#grid-area "> < code
31403141 class =property > grid-area</ code > </ a > ’ other than ‘< a href ="#none "> < code
0 commit comments