Flexbox Sticky Footer 3

<div class="container">

​

  <!-- item -->

  <div class="item">

    <div class="item-header">

      ITEM HEADER

    </div>

    <div class="item-body">

      ITEM BODY 

    </div>

    <div class="item-footer">

      ITEM FOOTER

    </div>  

  </div>

  <!--/item -->

​

  <!-- item -->

  <div class="item">

    <div class="item-header">

      <h1>Title 2</h1>

    </div>

    <div class="item-body">

      <ul>

        <li>Item 1</li>

        <li>Item 2</li>

        <li>Item 3</li>

        <li>Item 4</li>

        <li>Item 5</li>

        <li>Item 6</li>

        <li>Item 7</li>

        <li>Item 8</li>

        <li>Item 9</li>

        <li>Item 10</li>

      </ul>

    </div>

    <div class="item-footer">

      <button>Click me</button>

    </div>

  </div>

  <!--/item -->

​

  <!-- item -->

  <div class="item">

    <div class="item-header">

      <h1>Title 3</h1>

    </div>

    <div class="item-body">

      <ul>

        <li>Item 1</li>

        <li>Item 2</li>

        <li>Item 3</li>

        <li>Item 4</li>

        <li>Item 5</li>

        <li>Item 6</li>

      </ul>

    </div>

    <div class="item-footer">

      <button>Click me</button>

    </div>

  </div>

  <!--/item -->

​

</div>

​