JSFiddle - React, Tailwind, and code Playground

by xxxvvvxxx

HTML

<div class="yellow"></div>
<div class="red"></div>
<div class="wrapper">
	<div class="blue"></div>
	<div class="green"></div>
	<div class="purple"></div>
</div>
<div class="black"></div>

CSS

* {
	padding:0; margin:0;
}
body > div {
	width:900px;
	margin:0 auto;
}
div.yellow {
	height:50px;
	background-color:yellow;
}
div.red {
	height:100px;
	background-color: red;
}
div.wrapper {
	display:flex;
}
div.blue {
	background-color: blue;
	width:300px;
	height:500px;
}
div.green {
	background-color: green;
	width:300px;
}
div.purple {
	background-color: purple;
	width:300px;
	height:250px;
}
div.black {
	height:50px;
	background-color: black;
}