Align Items

Class	Properties
t.itemsStart	alignItems: 'flex-start'
t.itemsEnd	alignItems: 'flex-end'
t.itemsCenter	alignItems: 'center'
t.itemsStretch	alignItems: 'stretch'
t.itemsBaseline	alignItems: 'baseline'

Start

Use t.itemsStart to align items to the start of the flex container’s cross axis:

1

2

3

Center

Use t.itemsCenter to align items along the center of the flex container’s cross axis:

1

2

3

End

Use t.itemsEnd to align items to the end of the flex container’s cross axis:

1

2

3

Stretch

Use t.itemsStretch to stretch items to fill the flex container’s cross axis:

1

2

3

Baseline

Use t.itemsBaseline to align items along the flex container’s cross axis such that all of their baselines align:

1

2

3