JSFiddle - React, Tailwind, and code Playground

by jimousse

HTML

<div class="box">
        <div class="one">One</div>
        <div class="two">Two</div>
        <div class="three">Three</div>
      </div>

CSS

.box {
        display: flex;
				width: 500px;
      }

      .one {
      	background: lightblue;
				border: 1px solid black;
        flex: 1 1 250px;
      }

      .two {
				background: lightgoldenrodyellow;
				border: 1px solid black;
        flex: 1 1 auto;
      }

      .three {
				background: lightgray;
				border: 1px solid black;
        flex: 1 1 auto;
      }