JSFiddle - React, Tailwind, and code Playground

by tmyie

HTML

<script src="http://code.jquery.com/ui/1.11.0-beta.2/jquery-ui.min.js"></script>
<div class="parent">
<div class="col"> <a href="">hey 1</a>

</div>
<div class="col"> <a href="">hey 2</a>

</div>
<div class="col"> <a href="">hey 3</a>

</div>
<div class="col"> <a href="">hey 4</a>

</div>
</div>

SCSS

.col {
    width: 30%;
    float: left;
    border: 1px solid red;
    text-align: center;
}
a {
    display: block;
    padding: 0.6em;
}
.green {
    border: 4px solid green;
 }

JavaScript

$(".parent").sortable();