JSFiddle - React, Tailwind, and code Playground

HTML

<script src='//code.jquery.com/ui/1.11.2/jquery-ui.js'></script>

<div class="table">
<div class="inline"><img src="https://www.hojko.com/download/file.php?avatar=34394_1376421397.png"/></div><div class="inline"><img src="https://www.hojko.com/download/file.php?avatar=6028_1325191688.gif"/></div><div class="inline"><img src="https://www.hojko.com/images/avatars/gallery/baby/baby167.jpg"/></div>
<div class="inline"><img src="https://www.hojko.com/download/file.php?avatar=34394_137642139/.png"/></div><div class="inline"><img src="https://www.hojko.com/download/file.php?avatar=6028_1325191688.gif"/></div><div class="inline"><img src="https://www.hojko.com/images/avatars/gallery/baby/baby167.jpg"/></div>
<div class="inline"><img src="https://www.hojko.com/download/file.php?avatar=34394_1376421397.png"/></div><div class="inline"><img src="https://www.hojko.com/download/file.php?avatar=6028_1325191688.gif"/></div>
</div>

CSS

.table{
    max-width: 320px;
    margin: 0 auto;    
}

img {
    max-width: 100%;
    height: auto;
}

.inline{
    display: inline-block;
    width: 33.33%;
    width: calc(100%/3);
}

JavaScript

/*
var NewContent1 = '<div class="inline"><img src="https://www.hojko.com/download/file.php?avatar=34394_1376421397.png"/></div>';
$(".table").click(function () {
    $page = $(this);
    $page.append(NewContent1);
});
*/


$(document).ready(function() { 
    $(function() {
        $(".table").sortable({
            items: 'div'
        }).disableSelection();
    });
});