JSFiddle - React, Tailwind, and code Playground

by navinleon

HTML

<div>
    <div>abc</div>
    <div>kdjffsdj</div>
    <div style="width:500px">c</div>
    <div>dkjf fkjg fdkj kfdj kgdfj kk</div>
    <div>djhf fdsjh dsjh sjdfh sfdjh</div>
    <div>djsdjh</div><div>djhf fdsjh dsjh sjdfh sfdjh</div>
    <div>djsdjh</div>
    <div>fjh fjhg jdsh jdfh dfjh d</div>
    <div class=verylast>xyz</div>
</div>

CSS

body > div {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

body > div > div {
   // -webkit-flex-basis: 200px;
    border-top: 1px solid black;
    margin: 5px;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.verylast {
    -webkit-flex-grow: auto;
    flex-grow: auto;
}