Flexbox Sticky Footer 3

<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>

<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>

<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>

</div>