---
title: Justify Items
position: 22
seo_title: Telerik and Kendo UI Justify Items Utilities
seo_description: Use the Telerik and Kendo UI Justify Items Utilities to control how the grid and flex items will be aligned to each other along both axes.
---
## Justify Items

The Telerik and Kendo UI Justify Items Utilities are CSS utility classes that enable you to control how the grid and flex items will be aligned in respect to each other along both axes.

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

### Stretch

Use the `k-place-items-stretch` utility to stretch the items in rows and columns equally along both axes.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/place-items/stretch","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":"k-text-center k-text-white k-place-items-center k-d-flex k-justify-content-center k-p-5 k-rounded-lg"}}'></LiveDemo>

### Center

Use the `k-place-items-center` utility to center the items in rows and columns withing the container along both axes.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/place-items/center","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":"k-text-center k-text-white k-place-items-center k-d-flex k-justify-content-center k-p-5 k-rounded-lg"}}'></LiveDemo>

### Start

Use the `k-place-items-start` utility to align the items in rows and columns to the start of the container along both axes.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/place-items/start","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":"k-text-center k-text-white k-place-items-center k-d-flex k-justify-content-center k-p-5 k-rounded-lg"}}'></LiveDemo>

### End

Use the `k-place-items-end` utility to align the items in rows and columns to the end of the container along both axes.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/place-items/end","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":"k-text-center k-text-white k-place-items-center k-d-flex k-justify-content-center k-p-5 k-rounded-lg"}}'></LiveDemo>