<div class="uk-container uk-container-center">
  <div class="uk-grid">
    <div class="uk-width-medium-1-4 uk-flex">
      <div class="card">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sit amet quam vel leo feugiat volutpat. Sed ultrices elit a lacus placerat vulputate.
      </div>
    </div>
    <div class="uk-width-medium-1-2 uk-flex">
      <div class="card">
        Nulla lobortis justo arcu, quis semper tortor gravida vitae. Sed urna sapien, luctus in diam et, laoreet tincidunt arcu.
      </div>
    </div>
    <div class="uk-width-medium-1-4 uk-flex">
      <div class="card">
        Nulla rhoncus tellus non enim gravida, vel euismod est vulputate. Vivamus vitae commodo ante. Phasellus eu nulla eu magna efficitur sagittis ut eget dolor. Vestibulum sagittis tempus euismod.
      </div>
    </div>
  </div><!-- /uk-grid -->
</div><!-- /uk-container -->
body {
  font-size: 18px;
  line-height: 1.5;
  padding-bottom: 35px;
}

.card {
  background: #e0e0e0;
  padding: 10px;
  margin-top: 35px;
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.1/css/uikit.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.