JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
	<div class="box">1</div>
	<div class="box">2</div>
	<div class="box">3</div>
	<div class="box">4</div>
	<div class="box">5</div>
	<div class="box">6</div>
	<div class="box">7</div>
</div>

CSS

.container{
	border: 2px dotted;
	max-height: 600px;
  display: flex;
  flex-direction: column;
  flex-wrap:wrap;
  overflow:hidden;
}
.box{
	width: 200px;
	height: 200px;
	background: tomato;
	margin: 15px;
}