JSFiddle - React, Tailwind, and code Playground

by deshg

HTML

<div id="container">
    <div id="d1">
        abvc
    </div>
    <div id="d2">
        def
    </div>
</div>

CSS

#container {
    width: 100%;
    background-color: #ffcc00;
}

#d1 {
    background-color: #cccc00;
    background-image: url('http://jsfiddle.net/img/logo.png');
    background-position: right 3% center;
    background-repeat: no-repeat;
    width: 100%;
}

#d2 {
    background-color: #000000;
    color: #ffffff;
    background-image: url('http://jsfiddle.net/img/logo.png');
    background-position: right center;
    background-repeat: no-repeat;
    width: 97%;
    margin-right: 3%;
}