JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="block-list">
	<li>Блок №1</li>
	<li>Блок №2</li>
	<li>Блок №3</li>
	<li>Блок №4</li>
	<li>Блок №5</li>
	<li>Блок №6</li>
	<li>Блок №7</li>
</ul>

CSS

.block-list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #2ec548;
	border-left: 1px solid #2ec548;
}
.block-list li {
	flex: 1 0 235px;
	height: 120px;
	border-right: 1px solid #2ec548;
	border-bottom: 1px solid #2ec548;
	box-sizing: border-box;
}