JSFiddle - React, Tailwind, and code Playground

by FiNGAHOLiC

HTML

<div class="items">
    <div class="item red"></div>
    <div class="fix blue"></div>
    <div class="item yellow"></div>
</div>

CSS

.items {
    display: flex;
    display: -webkit-flex;
}

.item {
    flex: 1;
    -webkit-flex: 1;
    height: 200px;
}

.red {
    background: red;
}

.blue {
    background: blue;
}

.yellow {
    background: yellow;
}

.fix {
    width: 20px;
    height: 200px;
}