This is my solution to a "Holy Grail" CSS layout. My version also snaps into flex box at a small screen width.
The rules of the "Holy Grail" are as follows:
- Have a fluid center with fixed width sidebars.
- Allow the center column to appear first in the source.
- Allow any column to be the tallest, require only a single extra div of markup.
- Require very simple CSS, with minimal hacks patches.
Read more at: techbrood.com