horizontal

horizontal alignment

Class	Description
justify-start	Default value. Aligns children items to the left.
justify-center	Aligns children items to the center.
justify-end	Aligns children items to the right.
justify-around	Distributes spaces equally around items
justify-between	Distributes space equally between items

vertical alignment

Class	Description
items-stretch	Default value. Stretch items.
items-start	Aligns items to the top.
items-center	Aligns items to the vertical center.
items-end	Aligns items to the bottom.
items-baseline	Aligns items to the baseline.

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

Class	Description
spacer	Creates a gap between this item and the one before

vertical Alignment

Class	Description
self-start	Aligns item to the top.
self-center	Aligns item to the vertical center.
self-end	Aligns item to the bottom.
self-stretch	Default value. Stretches the item.
self-baseline	Aligns self to the baseline.