JSFiddle - React, Tailwind, and code Playground

by brandondurham

HTML

<div id="flexbox">
    <div>Left</div>
    <div>Center</div>
    <div>Right</div>
</div>

CSS

#flexbox { 
  display: -webkit-box;
  -webkit-box-orient: horizontal;
}
#flexbox > div:nth-child(2) {
  -webkit-box-flex: 1;
    margin: 0 10px;
}
#flexbox > div:nth-child(1),
#flexbox > div:nth-child(3){
    width: 200px;
}
div > div {
    background: black;
    height: 400px;
}