JSFiddle - React, Tailwind, and code Playground

by panchroma

HTML

<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>

CSS

#div1{
    background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png);
    height:60px;
    width:100px;
    border: 1px solid red;
}
#div2{
    background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png);
    background-size: 100%;
    height:180px;
    width:200px;
    border: 1px solid red;
}

#div3{
    background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png);
    background-size: 100px 100px;
    /* width first, height second */
    height:180px;
    width:200px;
    border: 1px solid red;
}