JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="wrapper__left">Lorem ipsum dolor sit amet fjasfkjsdfjaslkdfjasdfjeurifjsdkjfajsdfklajdkljaslkdjflasjdflsjdflaskjlfldksjaflasjfafjasfkjsdfjaslkdfjasdfjeurifjsdkj?</div>
  <div class="wrapper__right">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Soluta aut explicabo dolor porro dolorum non distinctio quibusdam assumenda eos. Culpa sequi quia sed deleniti commodi quod dignissimos, ipsum suscipit. Quibusdam!</div>
</div>

SCSS

html, body {
  margin: 0;
  padding: 0;
}

.wrapper {
  display: flex;

  width: auto;
 
  &__left,
  &__right {  
    padding: 5px;
  }
  &__left {
    background-color: bisque;
  }
  &__right {
    min-width: 300px;
    max-width: 300px;
    
    background-color: aquamarine;
  }
}