JSFiddle - React, Tailwind, and code Playground

HTML

<body>
			<div class="container">
				<div class="cols">
					1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
					1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
					1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
					1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
					1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
					1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
				</div>
				<div class="cols">
					text
				</div>
				<div class="cols">
					text
				</div>
			</div>
		</body>

CSS

body, html {
		background-color: seashell;
		margin: 0;
	}

	.container {
		display: flex;
		justify-content: center;
		height: 100%;
	}

	.container .cols {
		flex: 1 0 auto;
		background-color: burlywood;
		margin: 10px 10px 0 10px;
		padding: 10px;
	}