<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-large uk-child-width-1-1 uk-child-width-1-3@s" uk-grid>

            <div>
                <h2 class="uk-h5 uk-heading-divider uk-margin-medium-bottom">Link</h2>
                <ul class="uk-grid-small uk-flex-middle" uk-grid>
                    <li><a class="uk-icon-link" href="#" uk-icon="icon: facebook"></a></li>
                    <li><a class="uk-icon-link" href="#" uk-icon="icon: twitter"></a></li>
                    <li><a class="uk-icon-link" href="#" uk-icon="icon: google-plus"></a></li>
                </ul>
            </div>

            <div>
                <h2 class="uk-h5 uk-heading-divider uk-margin-medium-bottom">Button</h2>
                <ul class="uk-grid-small uk-flex-middle" uk-grid>
                    <li><a class="uk-icon-button" href="#" uk-icon="icon: facebook"></a></li>
                    <li><a class="uk-icon-button" href="#" uk-icon="icon: twitter"></a></li>
                    <li><a class="uk-icon-button" href="#" uk-icon="icon: google-plus"></a></li>
                </ul>
            </div>

            <div>
                <h2 class="uk-h5 uk-heading-divider uk-margin-medium-bottom">Image</h2>
                <div>
                    <span class="uk-icon uk-icon-image uk-margin-small-right test-img-small"></span>image
                </div>
            </div>

        </div>

    </div>
</div>
