JSFiddle - React, Tailwind, and code Playground

by Jihad Dzikri Waspada

HTML

<div id="wrapper">
    <div class="box">	<a href="#"><p>ini box 1</p></a>	
    </div>
    <div class="box">	<a href="#"><p>ini box 1</p></a>	
    </div>
    <div class="box">	<a href="#"><p>ini box 1</p></a>	
    </div>
    <div class="box">	<a href="#"><p>ini box 1</p></a>	
    </div>
</div>

CSS

#wrapper {
     position: relative;
     background: yellow;
     -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
     box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2);
     width: 960px;
     padding: 40px 35px 35px 35px;
     margin: 0px auto;
     float: left;
 }
 .box {
     float : left;
     width: 170px;
     height: 190px;
     margin: 10px;
     border: 3px solid #8AC007;
     border-radius: 5px;
 }