JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box3">
	<div class="box2">				
	       <div class="box">
	       </div>
       </div>
 </div>

CSS

.box{
	height: 100px;
	width:  100px;
	background: pink;
	margin:0 auto;
	padding: 20px 20px 20px 20px;
    margin: 15% auto;
}

.box2{	
    height: 200px;
	width:  200px;
	background: red;
	margin: 0 auto;
	padding: 20px 20px 20px 20px;
    margin: 10% auto;
}

.box3{
    height: 300px;
	width:  300px;
	background: black;
	margin: 0 auto;
	padding: 20px 20px 20px 20px;
}