JSFiddle - React, Tailwind, and code Playground

HTML

<div class='group'>
  <div class='rec-1'>
    <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent in nulla elit. Vestibulum luctus enim nunc, quis ultricies tortor iaculis vel.
    </p>
  </div>
  <div class='rec-2'>
    
  </div>
</div>

CSS

.group {
  display: flex;
  width: 100%;

}

.rec-1 {
  background: #e95d0f;
  display : flex;
  flex: 2;
}

.rec-2 {
  border: solid;
  flex: 1;
}