The Telerik and Kendo UI Layout utilities enable you to apply and control different aspects of an elements layout.

Object Fit

The Telerik and Kendo UI Object Fit Utilities are CSS utility classes that enable you to control the resize behavior of replaced elements in a container.

Utility ClassCSS Property
.k-object-fit-containobject-fit: contain;
.k-object-fit-coverobject-fit: cover;
.k-object-fit-fillobject-fit: fill;
.k-object-fit-scale-downobject-fit: scale-down;
.k-object-fit-initialobject-fit: initial;
.k-object-fit-noneobject-fit: none;


Use the k-object-fit-contain utility to contain a replaced element in its container.


Use the k-object-fit-cover utility to cover the container with the replaced element.


Use the k-object-fit-fill utility to stretch out a replaced element over the entire container.

Scale Down

Use the k-object-fit-scale-down utility to keep the original dimensions of an element while scaling it down to fit the container.