I am having two problems with a layout I am currently working on. You can find it online here.

I would like to keep the layout fluid, but when I shrink the browser window, a few different issues occur.
  1. The middle box shrinks smaller than the outer boxes when the browser window gets smaller. I'm not sure why this is happening since the middle box is set up the exact same way as the outer ones.
  2. I would like all of the boxes' content to be vertically aligned within each box, and am clueless as how to do this.


I am using the Flexbox Method that I found, but it obviously isn't working. I know you can't use Faux Columns on a three-column fluid layout. I already tried with miserable results.

Any suggestions?