JSFiddle - React, Tailwind, and code Playground

HTML

<div class="containerRow">
	    <div id="left">left</div>
	    <div id="right">right
	        <div id="kanban" >
	            <div class="list"></div>
	            <div class="list"></div>
	            <div class="list"></div>
	            <div class="list"></div>
	            <div class="list"></div>
	            <div class="list"></div>
	            <div class="list"></div>
	            <div class="list"></div> 
	            <div class="list"></div> 
 	        </div>
	        </div>
	</div>

CSS

.containerRow {
     background-color: red;
     display: flex;
 }

 div#left {
     width: 500px;
     min-width: 500px !important;
     background-color: pink;
 }

 div#right {
     background-color: green;
     flex-grow: 1;
 }


 div#kanban {
     overflow: scroll;
     display: flex;
     width: inherit
 }

 div.list {
     height: 100px;
     width: 50px;
     min-width: 50px !important;
     margin: 10px;
     background-color: orange;
     flex-grow: 0;
 }