I have been a great fan of the CSS Grid Layout Module since the early days, and initial IE10 implementation. Now that Grid has been implemented in Chrome it’s a great time to start really finding out what it can do.
Links, resources and further reading
Examples and information for the current spec
I have launched a site where I am aiming to keep all of my Grid information, along with lots of small examples demonstrating how to use Grid Layout. See: gridbyexample.com.
I am maintaining an up to date list of resources to help you get to grips with Grid on that site.
Direct links to the examples in my presentation
- Simple line based placement
- Responsive line based placement
- Responsive layout using Grid Template areas
- 16 Column Grid Example
- 16 Column Grid Layout
CSS3 Layout Modules 2nd Edition
I cover CSS Grid as part of my 2nd edition of my book CSS3 Layout Modules.