<div class="uk-section uk-height-viewport uk-flex uk-flex-middle">
    <div class="uk-container uk-container-small uk-flex-auto">

        <div class="uk-grid uk-child-width-1-2">
                <div>

                    <h3 class="uk-h5 uk-heading-divider uk-margin-medium-bottom">Handle</h3>
                    <div uk-sortable="handle: .uk-sortable-handle; group: test">
                        <div class="uk-margin">
                            <div class="uk-card uk-card-default uk-card-body uk-card-small">
                                <span class="uk-sortable-handle uk-margin-small-right" uk-icon="icon: table"></span> Item 1
                            </div>
                        </div>
                        <div class="uk-margin">
                            <div class="uk-card uk-card-default uk-card-body uk-card-small">
                                <span class="uk-sortable-handle uk-margin-small-right" uk-icon="icon: table"></span> Item 2
                            </div>
                        </div>
                        <div class="uk-margin">
                            <div class="uk-card uk-card-default uk-card-body uk-card-small">
                                <span class="uk-sortable-handle uk-margin-small-right" uk-icon="icon: table"></span> Item 3
                            </div>
                        </div>
                    </div>

                </div>
                <div>

                    <h3 class="uk-h5 uk-heading-divider uk-margin-medium-bottom">Empty</h3>

                    <div class="test-border uk-text-center uk-padding-small" uk-sortable="group: test"><p class="uk-margin-remove">Empty item</p></div>

                </div>
            </div>

    </div>
</div>
