JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://code.angularjs.org/1.2.2/angular.js"></script>
<script src="http://fonts.googleapis.com/css?family=Roboto"></script>
<body>
    <div class="parent">
      <div class="child-1">asd <br> asd <br>asdgre</div>
      <div class="child-2">dsa</div>
    </div>
</body>

SCSS

.parent {
  display: flex;
  flex-direction: column;
  background-color: #eee;
  width: 300px;
  
  .child-1 {
    flex: 2;
  }
  .child-2 {
    flex: 1;
  }
}