JSFiddle - React, Tailwind, and code Playground

by Touqeer Shafi

HTML

<div id="main">
  <div style="background-color:coral;">First</div>
  <div style="background-color:lightblue;">Second</div>  
  <div style="background-color:lightgreen;">Long Height Content but other will also have a same height.</div>
</div>

CSS

#main {
    width: 220px;
    border: 1px solid black;
    display: -webkit-flex; /* Safari */
    display: flex;
}

#main div {
    -webkit-flex: 1;  /* Safari 6.1+ */
    -ms-flex: 1;  /* IE 10 */    
    flex: 1;
}