JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
      <div class="left">
          <p>Hi, Flo!</p>
      </div>
      <div class="right">  
        <p>is</p>
        <p>this</p>
        <p>what</p>
        <p>you are looking for?</p>
      </div>
    </div>

CSS

.content { display: flex; }
.content .left{
        width:100px;
        background-color: green;
      }
      .content .right{
        flex-grow: 1;
        background-color: red;
      }