JSFiddle - React, Tailwind, and code Playground

by ipeshev

HTML

<div class="wrap">
    <div class="cell description">Item Description</div>
    <div class="cell add">Add</div>
    <div class="cell remove">Remove</div>
</div>

CSS

.wrap {
    display: flex;
    width: 100% ;
    justify-content: center;
}
.cell {
    display: flex;
    height: 3rem;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}
.description {
    background-color: #ccc;
    width: 20%;
    min-width:200px;
    
}
.add {
    background-color: gold;
    width: 20%;
    min-width:200px;
}
.remove {
    background-color: red;
    
}