JSFiddle - React, Tailwind, and code Playground

by rhewitt

HTML

<div id="container">
    <div id="innerPanel"></div>
</div>
<div id="container2">
    <div id="innerPanel2"></div>
</div>

CSS

html {
    height:100%;
}
#container {
    width:100%;
    height:250px;
    background-color:#0183e5;
}
#innerPanel {
    width:100%;
    height:100%;
    margin:15px;
    background-color:rgba(255, 255, 255, .5);
    border-radius:10px;
}
#container2 {
    width:500px;
    height:250px;
    background-color:#0183e5;
    margin-top:30px;
}
#innerPanel2 {
    margin: 15px 0 0 15px;
    width:470px;
    height:220px;
    background-color:rgba(255, 255, 255, .5);
    border-radius:10px;
}