JSFiddle - React, Tailwind, and code Playground

by petroveg

HTML

<div class="block block-1"></div>
<div class="block block-2"></div>
<div class="block block-3"></div>
<div class="block block-4"></div>
<div class="block block-5"></div>
<div class="block block-6"></div>

CSS

.block {
	float: left;
	width: 30%;
	margin: 0 3% 3% 0;
}
.block-1 {
	height: 100px;
	background: #fc9;
}
.block-2 {
	height: 300px;
	background: #cfc;
}
.block-3 {
	height: 100px;
	background: #f9c;
}
.block-4 {
	height: 100px;
	background: #cf9;
}
.block-5 {
	height: 150px;
	background: #ccf;
}
.block-6 {
	height: 100px;
	background: #9fc;
}