JSFiddle - React, Tailwind, and code Playground

by Jay Williams

HTML

<div id="MarketContent" class="searchCriteriaPanel">
		<label><input type="checkbox">one</label><br />
		<label><input type="checkbox">two</label><br />
		<label><input type="checkbox">three</label><br />
		<label><input type="checkbox">four</label><br />
		<label><input type="checkbox">five</label><br />
		<label><input type="checkbox">six</label><br />
		<label><input type="checkbox">seven</label><br />
		<label><input type="checkbox">eight</label><br />
		<label><input type="checkbox">nine</label><br />
		<label><input type="checkbox">ten</label><br />
		<label><input type="checkbox">eleven</label><br />
		<label><input type="checkbox">twelve</label><br />
		<label><input type="checkbox">thirteen</label><br />
		<label><input type="checkbox">fourteen</label><br />
		<label><input type="checkbox">fifteen</label><br />
		<label><input type="checkbox">sixteen</label><br />
		<label><input type="checkbox">seventeen</label><br />
		<label><input type="checkbox">eighteen</label><br />
		<label><input type="checkbox">nineteen</label><br />
		<label><input type="checkbox">twenty</label><br />
		<label><input type="checkbox">twentyone</label><br />
		<label><input type="checkbox">twentytwo</label>
	</div>

CSS

.searchCriteriaPanel {
		border-radius: 0 0 5px 5px;
		width: 300px;
		height: 200px;
		background-color: lightgrey;
		padding: 10px;
		overflow-y: auto;
		column-count: 2;
	}