jQuery UI sortable + flexbox

by brunogc

HTML

<script src="https://code.jquery.com/jquery-2.2.0.js"></script>
<script src="https://code.jquery.com/ui/jquery-ui-git.js"></script>
<div class="outer">
  <div class="inner">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div>7</div>
    <div>8</div>
  </div>
</div>

CSS

.inner {
  display: flex;
  width: 100%;
  justify: 

}
.inner div {
  box-sizing: border-box;
  background-clip: padding-box;
  border: 5px solid transparent;
  padding: 10px;
  padding: 10px;
  background-color: #eee;
  flex-grow: 1;
  max-width: 49%;
}

JavaScript

$(".inner").sortable()