JSFiddle - React, Tailwind, and code Playground

by yakun chen

HTML

<div id="container">
    <div id="left"></div>
    <div id="top"></div>
    <div id="bottom"></div>
</div>

CSS

#container {
    position: relative;
    border: 1px solid red;
    height: 100px;
    width: 100px;
}
#left {
    position:absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 50%;
    background-color: green;
}
#top {
    position:absolute;
    top: 0px;
    right: 0px;
    height: 50%;
    width: 50%;
    background-color: blue;
}