JSFiddle - React, Tailwind, and code Playground

by Andre Skoff

HTML

<div class="test">
    	<div class="colour1"></div>
    	<div class="colour2"></div>
    	<div class="colour3"></div>
    	<div class="colour4"></div>

    </div>

CSS

.colour1{
	background: #FF1414;
	width: 100px;
	height: 150px;
	float: left;
}

.colour2{
	background: #F0FF14;
	width: 100px;
	height: 350px;
	float: left;
}

.colour3{
	background: #14FF31;
	width: 100px;
	height: 100px;
	float: left;
}

.colour4{
	background: #144CFF;
	width: 100px;
	height: 400px;
	float: left;
}