JSFiddle - React, Tailwind, and code Playground

by Ethan Hammond

HTML

<script src="http://www.pixastic.com//lib/pixastic.custom.js"></script>
<script src="http://www.pixastic.com/lib/git/pixastic/actions/glow.js"></script>
<div class="side1">
<div class="item"> </div>
<div class="item"> </div>
<div class="item"> </div>
<div class="item"> </div>
<div class="item"> </div>
<div class="item"> </div>
</div>
<div class="side2">
<div class="item"> </div>
<div class="item"> </div>
<div class="item"> </div>
<div class="item"> </div>
<div class="item"> </div>
<div class="item"> </div>
</div>

CSS

.side1{
    position: absolute;
    height: 100%;
    left: 0px;
}
.side2 {
    position: absolute;
    height: 100%;
    right: 0px;
}
.item {
    width: 50px;
    height: 50px;
    background: black;
    border: red solid;
}