JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<div class="parent">
  <div class="box1">
        fdqsaafsdasdf<br />fdqsaafsdasdf<br />fdqsaafsdasdf<br />
  </div>
  <div class="box2">
      fdqsaafsdasdf<br />fdqsaafsdasdf<br />
  </div>
</div>

CSS

.parent {
	overflow:hidden
}
.box1 {background:red}
.box2 {background:green}
.box1, .box2 {
	padding-bottom:99999px;
	margin-bottom:-99999px;
  float:left;
  width:50%
}