« Previous Demo

Simple Holy Grail Layout with Flexbox (3-columns)

Next Demo »

A sample image

This content is to represent the content area of our Holy grail layout built with CSS Flexbox properties.

This section is given a maximum width (max-width) of 60%, as each of the two sidebars carry 20% width, totalling 40%.

The layout automatically adapts when you see this page on a mobile or tablet device.