<section class="border p-4 d-flex justify-content-center mb-4">

<div id="table-1" data-mdb-sortable="sortable" class="sortable-list" data-mdb-connected-list="#table-2">

  <h4 class="text-center pt-2">Done</h4>

</div>

​

<div id="table-2" data-mdb-sortable="sortable" class="sortable-list" data-mdb-connected-list="#table-1">

  <h4 class="text-center pt-2">To do</h4>

  <div class="sortable-item">Move me to Done...</div>

  <div class="sortable-item">Item 7</div>

  <div class="sortable-item">Item 8</div>

  <div class="sortable-item">Item 9</div>

  <div class="sortable-item">Item 10</div>

</div>

</section>