CSS Grid Polyfill

Author's Note: Yeah I know this is super broken, it's been through at least 3 site rewrites now.

Home

Ok, this site is epic.

grid-template-areas: 'header header header header header header header header' 'aside main main main main main main main' 'footer footer footer footer footer footer footer footer';

CSS Grid Polyfill

Recently, a new feature in CSS called CSS Grids has been released. However many browsers don't support this new feature. For this reason I have created a Polyfill for CSS Grids that uses no Javascript.
Take a site using this CSS:

%highlightfile '/www/werc/sites/dorper.me/news/2018/02/15/css-grid-polyfill/ex.css' css

It can be rewritten using this HTML

%highlightfile '/www/werc/sites/dorper.me/news/2018/02/15/css-grid-polyfill/example.html' html

This works on all browsers.
NOTE: The author does not condone the use of <table> for layout.