Holy Grail Layout — Flexbox
Article 1
Flexbox makes complex layouts simple.
Article 2
The main area grows with flex: 1 to use available space.
Article 3
Header and footer have fixed height with flex-shrink: 0.
Widgets

Right sidebar with secondary content.