JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
	  <div class="left">
	  </div>
	  <div class="right">
	    <div class="tableX">
	      <table style="width:100%">
	        <tr>
	          <th>Firstname</th>
	          <th>Lastname</th>
	          <th>Age</th>
	        </tr>
	        <tr>
	          <td>Jill</td>
	          <td>Smith</td>
	          <td>50</td>
	        </tr>
	        <tr>
	          <td>Eve</td>
	          <td>Jackson</td>
	          <td>94</td>
	        </tr>
	        <tr>
	          <td>John</td>
	          <td>Doe</td>
	          <td>80</td>
	        </tr>
	      </table>
	    </div>
	    <div class="par-card">
	      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Orci nulla pellentesque dignissim enim sit. Risus ultricies tristique nulla aliquet enim tortor at. Viverra justo nec ultrices dui sapien. Pharetra diam sit amet nisl suscipit adipiscing bibendum. In cursus turpis massa tincidunt dui ut. In vitae turpis massa sed. Libero id faucibus nisl tincidunt. Blandit volutpat maecenas volutpat blandit aliquam. Odio facilisis mauris sit amet massa. Libero enim sed faucibus turpis. Praesent tristique magna sit amet. Sit amet porttitor eget dolor morbi non arcu. Turpis egestas pretium aenean pharetra magna ac. Dolor sed viverra ipsum nunc aliquet bibendum enim facilisis. Sagittis eu volutpat odio facilisis mauris sit amet.

	        Elementum nibh tellus molestie nunc non. Est ante in nibh mauris cursus. Nisl rhoncus mattis rhoncus urna neque viverra. Sagittis id consectetur purus ut faucibus pulvinar elementum integer enim. Mauris augue neque gravida in. Vestibulum morbi blandit cursus risus at ultrices mi tempus imperdiet. Pretium lectus quam id leo in vitae turpis massa sed. Eu consequat ac felis donec et odio pellentesque. A erat nam at lectus urna duis. Quam quisque id diam vel quam elementum pulvinar etiam non. In dictum non consectetur a erat. Vitae auctor eu augue ut. Sed id semper...

CSS

.container {
	margin-top: 32px;
	min-height: 300px;
	display: flex;
	overflow-x: scroll;
	overflow-y: hidden;
}

.container .left {
	width: 100%;
	height: 100%;
	background-color: blue;
	padding: 10px;
}

.container .right {
	width: 50%;
	height: 100%;
	background-color: red;
	padding: 15vh 10px;
	box-sizing: border-box;
	overflow: hidden;
}

.container .right table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
}