JSFiddle - React, Tailwind, and code Playground

HTML

<div class="div1">
      <div class="div2">
        Div2 starts Div2 starts Div2 starts Div2 starts<br /><br /><br /><br /><br /><br /><br /><br />
        <br>
        Div2 ends
      </div>
      <div class="div3">
        Div3
      </div>
    </div>

CSS

.div1 {
  width:300px;
  background-color: grey;  
  border:1px solid;
  overflow:auto;
  display: flex;
}
.div2 {
  width:150px;
  background-color: #F4A460;
}
.div3 {
  width:150px;
  background-color: #FFFFE0;  
}