---
title: Justify Self
position: 21
seo_title: Telerik and Kendo UI Justify Self Utilities
seo_description: The Telerik and Kendo UI Justify Self Utilities enable you to control how the item will be aligned along the main axis.
---
## Justify Self

The Telerik and Kendo UI Justify Self Utilities are CSS utility classes that enable you to control how an item will be aligned along the main axis.

<CSSRulesList data='{"id":"justify-self"}'></CSSRulesList>

### Stretch

Use the `k-justify-self-stretch` utility to stretch the item so that it fills the alignment container along the main axis.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/justify-self/stretch","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### Center

Use the `k-justify-self-center` utility to center the item within the alignment container along the main axis.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/justify-self/center","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### Start

Use the `k-justify-self-start` utility to align the item to the start of the container along the main axis.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/justify-self/start","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>

### End

Use the `k-justify-self-end` utility to align the item to the end of the container along the main axis.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/justify-self/end","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":""}}'></LiveDemo>