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

        <style>
            .test-background-1 { min-height: 400px; }
        </style>

        <div class="uk-child-width-1-2@s uk-grid-large uk-text-muted" uk-grid>

            <div>
                <h2 class="uk-h5 uk-heading-divider uk-margin-medium">Small</h2>
                <div class="uk-panel test-background-1">
                    <div class="uk-padding-small uk-position-small uk-position-top-left test-background">Top Left</div>
                    <div class="uk-padding-small uk-position-small uk-position-top-center test-background">Top Center</div>
                    <div class="uk-padding-small uk-position-small uk-position-top-right test-background">Top Right</div>
                    <div class="uk-padding-small uk-position-small uk-position-center-left test-background">Center Left</div>
                    <div class="uk-padding-small uk-position-small uk-position-center-right test-background">Center Right</div>
                    <div class="uk-padding-small uk-position-small uk-position-bottom-left test-background">Bottom Left</div>
                    <div class="uk-padding-small uk-position-small uk-position-bottom-center test-background">Bottom Center</div>
                    <div class="uk-padding-small uk-position-small uk-position-bottom-right test-background">Bottom Right</div>
                </div>
            </div>

            <div>
                <h2 class="uk-h5 uk-heading-divider uk-margin-medium">Medium</h2>
                <div class="uk-panel test-background-1">
                    <div class="uk-padding-small uk-position-medium uk-position-top-left test-background">Top Left</div>
                    <div class="uk-padding-small uk-position-medium uk-position-top-center test-background">Top Center</div>
                    <div class="uk-padding-small uk-position-medium uk-position-top-right test-background">Top Right</div>
                    <div class="uk-padding-small uk-position-medium uk-position-center-left test-background">Center Left</div>
                    <div class="uk-padding-small uk-position-medium uk-position-center-right test-background">Center Right</div>
                    <div class="uk-padding-small uk-position-medium uk-position-bottom-left test-background">Bottom Left</div>
                    <div class="uk-padding-small uk-position-medium uk-position-bottom-center test-background">Bottom Center</div>
                    <div class="uk-padding-small uk-position-medium uk-position-bottom-right test-background">Bottom Right</div>
                </div>
            </div>

        </div>

    </div>
</div>
