JSFiddle - React, Tailwind, and code Playground

by manikantag

HTML

<div class="container">
    <div class="flex-1"></div>
    <div class="flex-2">
        <div class="flex-2-child"></div>
    </div>
</div>

CSS

.container {
    height: 200px;
    width: 500px;
    display: flex;
    flex-direction: row;
}
.flex-1 {
    width: 100px;
    background-color: blue;
}
.flex-2 {
    /* position: relative; */
    flex: 1;
    background-color: red;
    /* height:100%; */
}
/* .flex-2-child {
    height: 100%;
    width: 100%;
    background-color: green;
    
} */