The responsive Viewport controller is used to align and scale elements (normally images) within a container with modes for alignment, cropping and scaling.

Modify the selectors on the left - the code & image will change to reflect your selections.

<div data-jsclass="digitopiaViewport">
 <img data-jsclass="digitopiaLazyImg" data-lazy-src="/path-to-image" data-width="900" data-height="598">
</div> 
Aspect Ratio Content behavior

Caption

Loading...