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 Class | CSS Property |
|---|---|
.k-justify-items-last-baseline | justify-items: last baseline; |
.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; |
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.
