JSFiddle - React, Tailwind, and code Playground

by ibcLee

HTML

<div class="parent">
<div class="left"><p>left</p></div>
<div class="right"><p>right</p>
<p>right</p>
<p>right</p></div>
</div>

SCSS

@mixin common {
  text-align: center;
  color: white;
}

.parent {
  @include common;
  overflow: hidden;
  .left{
    background-color: red;
    float: left;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
  }
  .right{
    background-color: blue;
    overflow: hidden;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
  }
}