JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="left">
        Foo
    </div>
    <div class="right">
        Text row 1
    </div>
</div>

<div class="wrapper">
    <div class="left">
        Foo Bar
    </div>
    <div class="right">
        Text row 1<br>
        Text row 2<br>
        Text row 3
    </div>
</div>

CSS

.wrapper {
    border:1px solid #aaa;
    margin:0 0 10px 0;
    display: -ms-grid;
    display: grid;
    width: 100%;
    grid-template-columns: 80px auto;
    grid-template-areas: 'left right';
}

.left {
    background-color:#eee;
    grid-area: left;
}

.right {
    grid-area: right;
}

.left, .right {
    padding:5px;
}