JSFiddle - React, Tailwind, and code Playground

HTML

<div class="flex-parent">
    <div class="flex-child">
        <img src="http://dummyimage.com/600x400/ddd/fff" alt=""></div>
    <div class="flex-child">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eum inventore architecto enim beatae minus itaque deleniti dolor modi aliquid et repellat vel atque. Dolorem ipsam animi sed accusantium error dignissimos!
    </div>
</div>

CSS

.flex-parent {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 20em;
}
.flex-child {
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    
    padding: 1em;
    background: tomato;
    color: white;
}
.flex-child:first-child {
    background: skyblue;
}