<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. Quisque eu massa id nulla euismod viverra. In erat velit, pretium laoreet diam et, varius pharetra ligula.
        Curabitur placerat gravida gravida. In elit mi, vestibulum ac tempor id.
      </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. Interdum non nibh. Nullam facilisis odio sit amet lectus dignissim eleifend et a justo. Nullam sagittis tempus dui sed suscipit.
      </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 class="uk-width-medium-1-1 uk-flex">
      <div class="card">
        Sed ultrices massa non molestie tristique. Etiam commodo nisi sit amet consectetur aliquam. Nulla non dolor non est eleifend imperdiet. Nam in ultricies lorem, a varius ligula. Donec eleifend auctor ligula, id aliquet diam rutrum sed. Aliquam in massa
        ultrices, vulputate magna a, interdum nisi. Quisque eu massa id nulla euismod viverra. In erat velit, pretium laoreet diam et, varius pharetra ligula. Curabitur placerat gravida gravida. In elit mi, vestibulum ac tempor id, interdum non nibh.
        Nullam facilisis odio sit amet lectus dignissim eleifend et a justo. Nullam sagittis tempus dui sed suscipit.
      </div>
    </div>
    <div class="uk-width-medium-1-2 uk-flex">
      <div class="card">
        Proin bibendum egestas velit, vitae eleifend nibh mollis a. Sed ullamcorper massa a eros mattis facilisis. Sed condimentum luctus ipsum at pellentesque. Quisque sollicitudin, justo id sollicitudin eleifend, neque felis hendrerit metus, sit amet maximus
        enim nulla et ligula. Donec erat neque, euismod in massa quis, pharetra finibus arcu. Cras risus nibh, tristique quis turpis nec, vulputate maximus magna. Maecenas sollicitudin porta mauris, sit amet tempus sem ullamcorper a. Vivamus vel elementum
        lacus. Mauris aliquet iaculis lectus, vel dignissim massa.
      </div>
    </div>
    <div class="uk-width-medium-1-2 uk-flex">
      <div class="card">
        Proin bibendum egestas velit, vitae eleifend nibh mollis a. Sed ullamcorper massa a eros mattis facilisis. Sed condimentum luctus ipsum at pellentesque. Quisque sollicitudin, justo id sollicitudin eleifend, neque felis hendrerit metus, sit amet maximus
        enim nulla et ligula. Donec erat neque, euismod in massa quis, pharetra finibus arcu. Cras risus nibh, tristique quis turpis nec, vulputate maximus magna. Maecenas sollicitudin porta mauris, sit amet tempus sem ullamcorper a. Vivamus vel elementum
        lacus. Mauris aliquet iaculis lectus, vel dignissim massa.
      </div>
    </div>
    <div class="uk-width-medium-1-2 uk-flex">
      <div class="card blue" data-uk-scrollspy="{cls:'uk-animation-slide-left', repeat: true, delay: 300}">
        Proin bibendum egestas velit, vitae eleifend nibh mollis a. Sed ullamcorper massa a eros mattis facilisis. Sed condimentum luctus ipsum at pellentesque. Quisque sollicitudin, justo id sollicitudin eleifend, neque felis hendrerit metus, sit amet maximus
        enim nulla et ligula. Donec erat neque, euismod in massa quis, pharetra finibus arcu. Cras risus nibh, tristique quis turpis nec, vulputate maximus magna. Maecenas sollicitudin porta mauris, sit amet tempus sem ullamcorper a. Vivamus vel elementum
        lacus. Mauris aliquet iaculis lectus, vel dignissim massa.
      </div>
    </div>
    <div class="uk-width-medium-1-2 uk-flex">
      <div class="card blue" data-uk-scrollspy="{cls:'uk-animation-slide-right', repeat: true, delay: 300}">
        Proin bibendum egestas velit, vitae eleifend nibh mollis a. Sed ullamcorper massa a eros mattis facilisis. Sed condimentum luctus ipsum at pellentesque. Quisque sollicitudin, justo id sollicitudin eleifend, neque felis hendrerit metus, sit amet maximus
        enim nulla et ligula. Donec erat neque, euismod in massa quis, pharetra finibus arcu. Cras risus nibh, tristique quis turpis nec, vulputate maximus magna. Maecenas sollicitudin porta mauris, sit amet tempus sem ullamcorper a. Vivamus vel elementum
        lacus. Mauris aliquet iaculis lectus, vel dignissim massa.
      </div>
    </div>
    <div class="uk-width-medium-1-2 uk-flex">
      <div class="card">
        Proin bibendum egestas velit, vitae eleifend nibh mollis a. Sed ullamcorper massa a eros mattis facilisis. Sed condimentum luctus ipsum at pellentesque. Quisque sollicitudin, justo id sollicitudin eleifend, neque felis hendrerit metus, sit amet maximus
        enim nulla et ligula. Donec erat neque, euismod in massa quis, pharetra finibus arcu. Cras risus nibh, tristique quis turpis nec, vulputate maximus magna. Maecenas sollicitudin porta mauris, sit amet tempus sem ullamcorper a. Vivamus vel elementum
        lacus. Mauris aliquet iaculis lectus, vel dignissim massa.
      </div>
    </div>
    <div class="uk-width-medium-1-2 uk-flex">
      <div class="card">
        Proin bibendum egestas velit, vitae eleifend nibh mollis a. Sed ullamcorper massa a eros mattis facilisis. Sed condimentum luctus ipsum at pellentesque. Quisque sollicitudin, justo id sollicitudin eleifend, neque felis hendrerit metus, sit amet maximus
        enim nulla et ligula. Donec erat neque, euismod in massa quis, pharetra finibus arcu. Cras risus nibh, tristique quis turpis nec, vulputate maximus magna. Maecenas sollicitudin porta mauris, sit amet tempus sem ullamcorper a. Vivamus vel elementum
        lacus. Mauris aliquet iaculis lectus, vel dignissim massa.
      </div>
    </div>
    <div class="uk-width-medium-1-1 uk-flex">
      <div class="card blue" data-uk-scrollspy="{cls:'uk-animation-slide-top', repeat: true, delay: 300}">
        Sed ultrices massa non molestie tristique. Etiam commodo nisi sit amet consectetur aliquam. Nulla non dolor non est eleifend imperdiet. Nam in ultricies lorem, a varius ligula. Donec eleifend auctor ligula, id aliquet diam rutrum sed. Aliquam in massa
        ultrices, vulputate magna a, interdum nisi. Quisque eu massa id nulla euismod viverra. In erat velit, pretium laoreet diam et, varius pharetra ligula. Curabitur placerat gravida gravida. In elit mi, vestibulum ac tempor id, interdum non nibh.
        Nullam facilisis odio sit amet lectus dignissim eleifend et a justo. Nullam sagittis tempus dui sed suscipit.
      </div>
    </div>
        <div class="uk-width-medium-1-2 uk-flex">
      <div class="card blue" data-uk-scrollspy="{cls:'uk-animation-scale-up', repeat: true, delay: 400}">
        Proin bibendum egestas velit, vitae eleifend nibh mollis a. Sed ullamcorper massa a eros mattis facilisis. Sed condimentum luctus ipsum at pellentesque. Quisque sollicitudin, justo id sollicitudin eleifend, neque felis hendrerit metus, sit amet maximus
        enim nulla et ligula. Donec erat neque, euismod in massa quis, pharetra finibus arcu. Cras risus nibh, tristique quis turpis nec, vulputate maximus magna. Maecenas sollicitudin porta mauris, sit amet tempus sem ullamcorper a. Vivamus vel elementum
        lacus. Mauris aliquet iaculis lectus, vel dignissim massa.
      </div>
    </div>
    <div class="uk-width-medium-1-2 uk-flex" data-uk-scrollspy="{cls:'uk-animation-scale-up', repeat: true, delay: 400}">
      <div class="card blue">
        Proin bibendum egestas velit, vitae eleifend nibh mollis a. Sed ullamcorper massa a eros mattis facilisis. Sed condimentum luctus ipsum at pellentesque. Quisque sollicitudin, justo id sollicitudin eleifend, neque felis hendrerit metus, sit amet maximus
        enim nulla et ligula. Donec erat neque, euismod in massa quis, pharetra finibus arcu. Cras risus nibh, tristique quis turpis nec, vulputate maximus magna. Maecenas sollicitudin porta mauris, sit amet tempus sem ullamcorper a. Vivamus vel elementum
        lacus. Mauris aliquet iaculis lectus, vel dignissim massa.
      </div>
    </div>
        <div class="uk-width-medium-1-1 uk-flex">
      <div class="card">
        Sed ultrices massa non molestie tristique. Etiam commodo nisi sit amet consectetur aliquam. Nulla non dolor non est eleifend imperdiet. Nam in ultricies lorem, a varius ligula. Donec eleifend auctor ligula, id aliquet diam rutrum sed. Aliquam in massa
        ultrices, vulputate magna a, interdum nisi. Quisque eu massa id nulla euismod viverra. In erat velit, pretium laoreet diam et, varius pharetra ligula. Curabitur placerat gravida gravida. In elit mi, vestibulum ac tempor id, interdum non nibh.
        Nullam facilisis odio sit amet lectus dignissim eleifend et a justo. Nullam sagittis tempus dui sed suscipit.
      </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;
  flex: 1;
}

.blue {
  background: lightblue;
}

External CSS

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

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js
  2. https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.1/js/uikit.min.js