[css-grid] Editorial: align-self and justify-self are swapped in example 1 and 3

Hi,

I think that in examples 1 and 3 the properties align-self and
justify-self are swapped.

EXAMPLE 1

> #stats    { grid-column: 1; grid-row: 2; justify-self: start }

I guess, it should be "align-self: start". It wants that the #stats
appear on the top.

> #controls { grid-column: 2; grid-row: 3; align-self: center }

The controls in the picture are horizontally centered, so it should be
"justify-self: center".


EXAMPLE 3

>   #track       { grid-column: track-start / track-end; align-self:
center }
> [...]
>  #lower-fill  { grid-column: track-start / fill-split;
>         align-self: end;
>         z-index: 5 }
>  #upper-fill  { grid-column: fill-split / track-end;
>         align-self: start;
>         z-index: 5 }

It uses "align-self" in several places, and it should be "justify-self"
instead.

Bye,
  Rego

Received on Monday, 30 March 2015 09:45:36 UTC