JSFiddle - React, Tailwind, and code Playground

by ibcLee

HTML

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

SCSS

@mixin common {
  line-height: 100px;
  height: 100px;
  text-align: center;
  color: white;
}

.parent {
  @include common;
  .left {
    background-color: red;
    float: left;
  }
  .right {
    background-color: blue;
    overflow: hidden;
  }
}