Flex-Grid

The Telerik and Kendo UI Flex-Grid Utilities enable you to control the position, alignment, and size of the grid and the flex items.

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.

Utility ClassCSS Property
.k-justify-items-normaljustify-items: normal;
.k-justify-items-stretchjustify-items: stretch;
.k-justify-items-centerjustify-items: center;
.k-justify-items-startjustify-items: start;
.k-justify-items-endjustify-items: end;
.k-justify-items-selft-startjustify-items: self-start;
.k-justify-items-self-endjustify-items: self-end;
.k-justify-items-leftjustify-items: left;
.k-justify-items-rightjustify-items: right;
.k-justify-items-baselinejustify-items: baseline;
.k-justify-items-first-baselinejustify-items: first baseline;
.k-justify-items-last-baselinejustify-items: last baseline;

Stretch

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

Center

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

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.

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.