---
title: Flex Grow
position: 5
seo_title: Telerik and Kendo UI Flex Grow Utilities
seo_description: Use the Telerik and Kendo UI Flex Grow Utilities to control how
  the flex item will grow in the flex container.
---
## Flex Grow

The Telerik and Kendo UI Flex Grow Utilities are CSS utility classes that enable you to control how the flex item grows in the flex container.

<CSSRulesList data='{"id":"flex-grow"}'></CSSRulesList>

### No Grow

Use the `k-flex-grow-0` utility to prevent the flex item from growing.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/flex-grow/grow-0","height":150,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":"k-p-4 k-rounded-lg"}}'></LiveDemo>

### Grow

Use the `k-flex-grow-1` utility to allow the flex item to grow by filling the available space in the flex container.

<LiveDemo data='{"links":[],"demo":"utils/flex-grid/flex-grow/grow-1","height":200,"codePreviewSettings":{"filterSelector":"","ignoreClassNames":"k-p-4 k-rounded-lg"}}'></LiveDemo>