<div id="Grid" style="
display: -ms-grid;
-ms-grid-columns: 1fr 1fr 1fr 1fr;
-ms-grid-rows: 1fr 1fr 1fr 1fr;
"></div>
<div id="Grid">
</div>
A sample 9 by 9 grid, used as a starting point for
designs in various media
A typical 3-column layout, with fixed header, footer, and
sidebars but with variable-sized middle content area
A sample 4 by 4 complex grid, with an inspiring colour
scheme
A even more complex grid, with a header and content
positioned in a modified 9 by 9 grid that groups together
content and related information