JSFiddle - React, Tailwind, and code Playground

by Sandeep Kumar

HTML

<script src="http://sites.google.com/site/techiesdiary/upload-file/jquery.boxes.js"></script>
<div id="boxContainer">
</div>

CSS

.boxDiv {
    border: 1px solid;
    display: inline-block;
    margin: 5px;
    padding: 40px;
    text-align: center;
}

.active {
    background-color: #FAEBD7;
}

.center {
    position: absolute;
    left: 25%;
    top: 20%;
    transform: translate(-50%, -50%);
    width: 35%;
    height: 25%;
}

JavaScript

$(function () {
  //pass the number of box as parameter.  
  $('#boxContainer').boxes({totalNos: 10 });
});