JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="blue"></div>
    <div id="purple"></div>
</div>

CSS

#container {
    width: 100%;
    height: 100px;
    background-color: white;
    position: absolute;
}

#blue {
    width: 100%;
    height: 100px;
    background-color: blue;
    position: absolute;
} 

#purple {
    width: 100%;
    height: 100px;
    background-color: purple;
    position: absolute;
}