title: CSS responsive equal height columns with buttons under each div that wrap properly
body: <p><img src="https://i.stack.imgur.com/MP9OP.gif" alt="Multi column with buttons"></p>
  
  <p>Hello! I know this has been a common/recurring thing for developers. Something that should be so easy but never is. :( I've looked around and found some solutions but nothing that's working for my particular needs. If you look at the attached image, you will see what I'm trying to accomplish. In full width mode (desktop perhaps), two divs in each column with a button under each div (of course the buttons will be styled divs but for the sake of clarity, I'll call them buttons). The two divs above the buttons must be equal height even though they don't contain equal content. When viewed on mobile, the div/button pairs should wrap as shown in bottom part of the image - so that the proper button stays with its div.</p>
  
  <p>Any help would be greatly appreciated!</p>