JSFiddle - React, Tailwind, and code Playground

by soulwire

HTML

<div class="test"/>

CSS

html, body {

    /* 100% height on the body so children can inherit */
    height: 100%;
}

.test {
    background-image: url( http://3.bp.blogspot.com/_sW65ilskOC8/TR99XyuBwrI/AAAAAAAAisQ/q_lwryqZQsQ/s1600/Gurning2.jpg );
    /*
        `contain` will fit the image to the smallest dimension then repeat*
         * browser support: http://caniuse.com/background-img-opts
    */
    background-size: contain;
    width: 200px;
    height: 100%;
}