Flex
The Telerik and Kendo UI Flex Utilities are CSS utility classes that enable you to control how a flex item grows and shrinks.
| Utility Class | CSS Property |
|---|---|
.k-flex-1 | flex: 1 1 0%; |
.k-flex-auto | flex: 1 1 auto; |
.k-flex-initial | flex: initial; |
.k-flex-none | flex: 0 0 auto; |
Initial
Use the k-flex-initial utility to set the initial value. The item will shrink to its smallest size and will not grow.
Auto
Use the k-flex-auto utility to shrink or expand the item to fit the container.
Flex 1
Use the k-flex-1 utility to expand the item to fit the container.
None
Use the k-flex-none utility to prevent shrinking or expanding of the item. It will keep its initial width and height.
