JSFiddle - React, Tailwind, and code Playground

HTML

<div class="construction">
    <!-- div inception -->
    <div class="box">
        <div class="box">
            <div class="box">
                <div class="box">
                    <div class="box">
                        <div class="box">
                            <div class="box">
                                <div class="box">
                                    <div class="box"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /div inception -->
</div>

CSS

body {
 padding: 20%;   
}
.construction {
  width: 266px;
  height: 266px;
  display: block;
  margin: 0 auto;
}

.construction .box,
.construction .box .box {
 width: 95%;
 height: 95%;    
 display: block;
 position: relative;
 background: #ffdd00;
 border: 3px solid #000;
}