JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<div class="section" id="section1">
	<div id="Block1">
		<div class="block_1" id="one">

		</div>
		<div class="block_1" id="two">

		</div>
		<div class="block_1" id="tree">
		</div>
	</div>
</div>

CSS

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}
#section1 {
	background: black;
	height: 100%;
	width: 100%;
}
#Block1{
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.block_1 {
	height: 90%;
	width: 30%;
	display: inline-block;
}
#one {
	background: green;
}
#two {
	background: red;
}
#tree {
	background: white;
}