JSFiddle - React, Tailwind, and code Playground

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:70%;
    height:50%;
    margin:15px;
    background-color:rgba(255, 255, 255, .5);
    border-radius:10px;
    align-content: center;
    margin-left: auto;
    margin-right: auto;
}