JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="container"><div>a</div><div>b</div><div>c</div></div>

CSS

#container {
	background-color:#CCC;
	min-width:50%;
	max-width:300%;
	overflow-x:scroll;
    white-space:nowrap;
    display: block;
}

#container div {
	border: 1px solid #006;
    white-space:nowrap;
    display: inline-block;
	width:100%;
}