JSFiddle - React, Tailwind, and code Playground

by Torwan

HTML

<div class="cont">

  <div class="box">
    <div class="rrow r1">
dada
    </div>
    <div class="rrow r2">
asdsad
    </div>
    <div class="rrow r3">
adsad
    </div>
  </div>

</div>

CSS

.cont {width:350px;height:550px;background:yellow;}
.box {display:table;background:red;width:100%;height:100%}
.box .rrow {display:table-row;background:blue;}
.box .r3 {height:20px;}