JSFiddle - React, Tailwind, and code Playground

by davidliang2008

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.4.4/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<div class="container ml-0">
	<div class="row">
		<div class="col-sm-8">
			8 Cols
		</div>
		<div class="col-sm-4">
			4 Cols
		</div>
	</div>
</div>

CSS

.container {
	background-color: #ffeaa7;
	border: 3px solid #fdcb6e;
}

.col-sm-8 {
	background-color: #fd79a8;
	border: 3px solid #e84393;
}

.col-sm-8, .col-sm-4 {
	height: calc(100vh - 2 * 3px);
}