The following examples are some page layout examples and experiments. I have included with them information about the elements of CSS Grid Layout used.
I was interested in whether I could recreate the example used inthis blog post about the Susy Grid System. Susy is a very clever semantic Grid system that relies on pre-processing CSS to calculate your grid.
A simple example used in my presentation for the Responsive Web Design Summit, to demonstrate using Grid for the main layout and Flexbox for UI items.
Playing with the Auto Placement algorithm and dense and sparse grid-auto-flow modes.
Read an in-depth article about how Grid Auto-Placement works from Manuel Rego Casasnovas who is working on the implementation.