JSFiddle - React, Tailwind, and code Playground

by lars_jensen

HTML

<body>
	<div id="wrapper">
		<div class="firstDiv">
			<div class="secondDiv"></div>
		</div>
	</div>
</body>

CSS

* {
	margin:0;
	padding:0;
}

body {
	background-color:blueviolet;
	display:flex;
	width:100%;
	height:100%;
}

#wrapper {
	width:60%;
	height:600px;
	margin:auto;
	background-color:coral;
	display:flex;
}

.firstDiv {
	width:50%;
	height:50%;
	background-color:antiquewhite;
	margin:auto;
	display:flex;
}

.secondDiv {
	width:50%;
	height:50%;
	background-color:chartreuse;
	margin:auto;
}