![Flexbox Holy Grail Layout: Fixed Header, Fixed Left Nav, Fluid Content Area, Fixed Right Sidebar - Stack Overflow Flexbox Holy Grail Layout: Fixed Header, Fixed Left Nav, Fluid Content Area, Fixed Right Sidebar - Stack Overflow](https://i.stack.imgur.com/05U4M.png)
Flexbox Holy Grail Layout: Fixed Header, Fixed Left Nav, Fluid Content Area, Fixed Right Sidebar - Stack Overflow
![A fullscreen modal with fixed header, footer and a scrollable content | by Andrejs Abrickis | Medium A fullscreen modal with fixed header, footer and a scrollable content | by Andrejs Abrickis | Medium](https://miro.medium.com/max/640/1*OCn0DYwaRdkljFcfbc9zAA.gif)
A fullscreen modal with fixed header, footer and a scrollable content | by Andrejs Abrickis | Medium
![CSS Flexbox or CSS Grid for Header, Sticky Footer and Vertically Aligned Middle Content all together? - Stack Overflow CSS Flexbox or CSS Grid for Header, Sticky Footer and Vertically Aligned Middle Content all together? - Stack Overflow](https://i.stack.imgur.com/6olYk.png)
CSS Flexbox or CSS Grid for Header, Sticky Footer and Vertically Aligned Middle Content all together? - Stack Overflow
![Grid layout - With header/footer and growing nav/main/aside sections ('holy grail' layout) · Issue #442 · tailwindlabs/discuss · GitHub Grid layout - With header/footer and growing nav/main/aside sections ('holy grail' layout) · Issue #442 · tailwindlabs/discuss · GitHub](https://user-images.githubusercontent.com/23123158/74051384-20c89000-49d8-11ea-8aff-5ea6b6d7b614.png)