<div class="uk-section uk-section-default uk-flex uk-flex-middle" uk-height-viewport>
    <div class="uk-width-1-1">
        <div class="uk-container uk-container-small">

            <div class="uk-child-width-1-1 uk-child-width-1-3@s" uk-grid>
                <div>

                    <h2 class="uk-h5 uk-heading-divider">Text</h2>

                    <ul class="uk-grid-small uk-flex-middle" uk-grid>
                        <li><span uk-icon="icon: home"></span></li>
                        <li><span uk-icon="icon: search"></span></li>
                        <li><span uk-icon="icon: trash"></span></li>
                    </ul>

                </div>
                <div>

                    <h2 class="uk-h5 uk-heading-divider">Link</h2>

                    <ul class="uk-grid-small uk-flex-middle" uk-grid>
                        <li><a class="uk-icon-link" href="#" uk-icon="icon: home"></a></li>
                        <li><a class="uk-icon-link" href="#" uk-icon="icon: search"></a></li>
                        <li><a class="uk-icon-link" href="#" uk-icon="icon: trash"></a></li>
                    </ul>

                </div>
                <div>

                    <h2 class="uk-h5 uk-heading-divider">Button</h2>

                    <ul class="uk-grid-small uk-flex-middle" uk-grid>
                        <li><a class="uk-icon-button" href="#" uk-icon="icon: home"></a></li>
                        <li><a class="uk-icon-button" href="#" uk-icon="icon: search"></a></li>
                        <li><a class="uk-icon-button" href="#" uk-icon="icon: trash"></a></li>
                    </ul>

                </div>
            </div>

        </div>
    </div>
</div>