JSFiddle - React, Tailwind, and code Playground

by malamine_kebe

HTML

<div id="frame">
	<div class="block" id="block1"></div><div class="block" id="block2"></div><div class="block" id="block3"></div><div class="block" id="block4"></div><div class="block" id="block5"></div><div class="block" id="block6"></div>
</div>

CSS

.block{
	margin-left:3px;
	margin-bottom:3px;
	display:inline-block;
	vertical-align: top;
	border-style:solid;
	border-width:1px;
	width:20px
}

#frame{
	width:80px;
}

#block1{
	height:50px;
}

#block2{
	height:20px;
}

#block3{
	height:30px;
}

#block4{
	height:30px;
}

#block5{
	height:50px;
}

#block6{
	height:60px;
}