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.