Fit in viewport demo

dabblet.css

/**
 * Fit in viewport demo
 */

img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    object-fit: cover;
}

dabblet.html

<img src="http://placekitten.com/300/300" />

settings.json

{"view":"split","prefixfree":"1","page":"css"}