JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<div class="global">
		<div class="container">
			<div class="left">
				one
			</div>

			<div class="right">
				two
			</div>
		</div>
</div>

</body>

CSS

body {
	  margin: 0;
	}
  
  .global
	{
		border: 1px solid red;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		height: 100vh;
		box-sizing: border-box;
	}

	.container
		{
			display: flex;
			border: 1px solid black;
		}
	.left
	{
		resize: horizontal;
		overflow: auto;
		border: 1px solid black;

	}