The layout-align attribute takes two words. The first word says how the children will be aligned in the layout's direction, and the second word says how the children will be aligned perpindicular to the layout's direction.
Only one word is required for the attribute. For example, layout="row" layout-align="center" would make the elements center horizontally and use the default behavior vertically.
layout="column" layout-align="center end" would make children align along the center vertically and along the end (right) horizontally.

See below for more examples:

one
two
three
Layout Direction row column
Alignment in Layout Direction ({{layoutDemo.direction == 'row' ? 'horizontal' : 'vertical'}}) start center end space-around space-between
Alignment in Perpindicular Direction ({{layoutDemo.direction == 'column' ? 'horizontal' : 'vertical'}}) start center end