YNEX - Blazor Server Tailwind Css Admin Dashboard Template

Object Fit Contain


    <div> class="box-body object-fit-container">
<img src="../assets/images/media/media-28.jpg"
class="object-contain border dark:border-defaultborder/10 !rounded-md"
alt="...">
</div>

Object Fit Cover


<div class="box-body object-fit-container">
<img src="../assets/images/media/media-28.jpg"
    class="object-cover border dark:border-defaultborder/10 md:!rounded-md" alt="...">
</div>

Object Fit Fill


<div> class="box-body object-fit-container">
<img src="../assets/images/media/media-28.jpg"
    class="object-fill border dark:border-defaultborder/10 !rounded-md" alt="...">
</div>

Object Fit Scale Down


<div class="box-body object-fit-container">
<img src="../assets/images/media/media-28.jpg"
    class="object-scale-down border dark:border-defaultborder/10 !rounded-md" alt="...">
</div>

Object Fit None


<div> class="box-body object-fit-container">
<img src="../assets/images/media/media-28.jpg"
    class="object-none border dark:border-defaultborder/10 !rounded-md" alt="...">
</div>

Object Fit Contain (SM - responsive)


<div class="box-body object-fit-container">
<img src="../assets/images/media/media-28.jpg"
    class="sm:object-contain border dark:border-defaultborder/10 !rounded-md" alt="...">
</div>

Object Fit Contain (MD - responsive)


<div> class="box-body object-fit-container">
<img src="../assets/images/media/media-28.jpg"
    class="md:object-contain border dark:border-defaultborder/10 !rounded-md" alt="...">
</div>

Object Fit Contain (LG - responsive)


<div class="box-body object-fit-container">
<img src="../assets/images/media/media-28.jpg"
    class="lg:object-contain border dark:border-defaultborder/10 !rounded-md" alt="...">
</div>

Object Fit Contain (XL - responsive)


<div> class="box-body object-fit-container">
<img src="../assets/images/media/media-28.jpg"
    class="xl:object-contain border dark:border-defaultborder/10 !rounded-md" alt="...">
</div>

Object Fit Contain (XXL - responsive)


<div class="box-body object-fit-container">
<img src="../assets/images/media/media-28.jpg"
    class="xxl:object-contain border dark:border-defaultborder/10 !rounded-md"
    alt="...">
</div>

Object Fit Contain Video


<div class="box-body object-fit-container">
<video> src="../assets/video/1.mp4"
    class="object-contain !rounded-md border dark:border-defaultborder/10"
    autoplay loop muted></video>
</div>

Object Fit Cover Video


<div class="box-body object-fit-container">
<video src="../assets/video/1.mp4"
    class="object-cover !rounded-md border dark:border-defaultborder/10"
    autoplay loop muted></video>
</div>

Object Fit Fill Video


<div class="box-body object-fit-container">
<video> src="../assets/video/1.mp4"
    class="object-fill !rounded-md border dark:border-defaultborder/10"
    autoplay loop muted></video>
</div>

Object Fit Scale Video


<div class="box-body object-fit-container">
<video src="../assets/video/1.mp4"
    class="object-scale-down !rounded-md border dark:border-defaultborder/10"
    autoplay loop muted></video>
</div>

Object Fit None Video


<div class="box-body object-fit-container">
<video> src="../assets/video/1.mp4"   
    class="object-none !rounded-md border dark:border-defaultborder/10"
    autoplay loop muted></video>
</div>

Switcher

Object Fit