Challenge: Quest for the Holy Grail
The holy grail refers to a web page layout which has multiple, equal height columns that are defined with style sheets. It is commonly desired and implemented, although the ways in which it can be implemented with current technologies all have drawbacks. Because of this, finding an optimal implementation has been likened to searching for the elusive Holy Grail.
Using flexbox, Replicate this layout:
The above image is by David Lark - Own work, CC BY-SA 4.0.