Vertical

Horizontal alignment classes

Class	Description
items-stretch	Default value. Stretch items.
items-start	Aligns items to the left.
items-center	Aligns items to the center.
items-end	Aligns items to the right.

CSS Variables

Variable	Default	Description
--gap-x	1rlh	Gap between on the x-axis
--gap-y	1rlh	Gap between rows on the y-axis
--gap	1rlh	Gap between items on both axes. --gap-x and --gap-y will override this value.

Children

Horizontal alignment classes

Class	Description
self-start	Aligns item to the left.
self-center	Aligns item to the center.
self-end	Aligns item to the right.
self-stretch	Default value. Stretches the item.

Vertical Alignment

Class	Description
spacer	Creates a gap between this item and the one before
flex-grow	Expands child to fill up available space

CSS Variables

Variable	Default	Description
--grow	-	Whether to use flex-grow on the item