JSFiddle - React, Tailwind, and code Playground

HTML

<div id="obal">
    <div id="prvni">
	    <div class="inner">Prvni cast text neni sice nejsilnejsi, ale spisovatel se snazi popsat dulezite body jeho navstevy
        </div>
	</div>
	<div id="cara">
	    <div class="inner"></div>
	</div>
	<div id="druhy">
	    <div class="inner">Druha cast mluvila hlavne o velkych problemech na startu, kdy se vsichni ucastnici nestihnuli pripravit a pote nasledovat zmatek. Jenze kazdy chtel vyhrat, tak to nevzdal <br> NIKDY :-)
         </div>
	</div>
</div>

CSS

#obal {
    display: table;
    height: auto;
    margin: 10px;
}
div#prvni {
    background: none repeat scroll 0 0 #ff3322;
    display: table-cell;
    font-size: 0.95rem;
    height: 100%;
    width: 120px;
}	

#obal #cara {
    background: none repeat scroll 0 0 #336;
    display: table-cell;
}
#cara .inner {
    width: 10px;
}
div#druhy {
    background: none repeat scroll 0 0 #393;
    display: table-cell;
    font-size: 1rem;
    height: 100%;
    width: 120px;
}
div#prvni .inner, div#druhy .inner {
    padding: 10px;
}