Ynex - Objectfit

Object Fit Contain


 <img src={media28}
className="object-fit-contain border rounded" 
alt="..."/>

Object Fit Cover


<img src={media28}
 className="object-fit-cover border rounded" alt="..."/>

Object Fit Fill

<img src={media28} 
className="object-fit-fill border rounded" alt="..."/>

Object Fit Scale Down

 <img src={media28} 
className="object-fit-scale border rounded" alt="..."/>

Object Fit None

<img src={media28} 
className="object-fit-none border rounded" alt="..."/>

Object Fit Contain (SM - responsive)

<img src={media28} 
className="object-fit-sm-contain border
 rounded" alt="..."/>

Object Fit Contain (MD - responsive)

<img src={media28} 
className="object-fit-md-contain border 
rounded" alt="..."/>

Object Fit Contain (LG - responsive)

<img src={media28} 
className="object-fit-lg-contain border 
rounded" alt="..."/>

Object Fit Contain (XL - responsive)

 <img src={media28} 
className="object-fit-xl-contain border 
rounded" alt="..."/>

Object Fit Contain (XXL - responsive)

<img src={media28} 
className="object-fit-xxl-contain border
 rounded" alt="..."/>

Object Fit Contain Video

 <video src={video1} 
className="object-fit-contain rounded border" autoPlay>
</video>

Object Fit Cover Video

<video src={video1} 
className="object-fit-cover rounded border" autoPlay>
</video>

Object Fit Fill Video

<video src={video1} 
className="object-fit-fill rounded border" autoPlay>
</video>

Object Fit Scale Video

<video src={video1} 
className="object-fit-scale rounded border" autoPlay>
</video>

Object Fit None Video

<video src={video1} 
className="object-fit-none 
rounded border" autoPlay></video>

Object Fit