JSFiddle - React, Tailwind, and code Playground

by duarteleao

HTML

<form>
    <div id="data" size="3">
		<select multiple>
			<option>1</option>
			<option>2</option>
			<option>3</option>
			<option>4</option>
    		<option>5</option>
			<option>6</option>
    		<option>7</option>
			<option>8</option>
			<option>9</option>
			<option>10</option>
			<option>11</option>
			<option>12</option>
		</select>
	</div>
</form>

CSS

* {
    box-sizing: border-box;
}
#data {
    overflow:hidden;
    padding:0;
      height: 100%;
}
body, html {
    height: 100%;
}
form {
    width: 100%;
    height: 100%;
}
select {
	padding:0;
	padding-left:1px;
	border:none;
	background-color:#eee;
  height: 70%;
}
option {
	height:100px;
	width:100px;
	border:1px solid #000;
	background-color:white;
    float: left;
}