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

The Telerik and Kendo UI Flex Shrink Utilities are utility classes that enable you to control how the flex item will shrink in the flex container.

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

### No Shrink

Use the `k-flex-shrink-0` utility to prevent the flex item from shrinking in the flex container.

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

### Shrink

Use the `k-flex-shrink-1` utility to allow the flex item to shrink in the flex container.

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