JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<div class="outer"><div class="left">left</div><div class="right">right</div></div>

CSS

.outer {
	width: 100%;
	border: 1px solid black;
    white-space:nowrap;
    overflow:hidden;
}
.left, .right {
	display:inline-block;
}
.left {
	min-width: 200px;
	width: 25%;
	background-color: #dcc2c2;
}
.right {
	width: 75%;
	background-color: #d0dee8;
}