Justify Items
The Use 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 the main axis.
| Utility Class | CSS Property |
|---|---|
.k-justify-items-normal | justify-items: normal; |
.k-justify-items-stretch | justify-items: stretch; |
.k-justify-items-center | justify-items: center; |
.k-justify-items-start | justify-items: start; |
.k-justify-items-end | justify-items: end; |
.k-justify-items-selft-start | justify-items: self-start; |
.k-justify-items-self-end | justify-items: self-end; |
.k-justify-items-left | justify-items: left; |
.k-justify-items-right | justify-items: right; |
.k-justify-items-baseline | justify-items: baseline; |
.k-justify-items-first-baseline | justify-items: first baseline; |
.k-justify-items-last-baseline | justify-items: last baseline; |
Stretch
Use the k-align-items-stretch utility to stretch the items in a column equally along the main axis.
Center
Use the k-align-items-center utility to center items in a column of the container along the main axis.
Start
Use the k-align-items-start utility to align items in a column to the start of the container along the main axis.
End
Use the k-align-items-end utility to align items in a column to the end of the container along the main axis.
