Some quick and simple explorations of CSS Grid.
-
Basic App Shell Layout - Quick and basic example which shows how to enable CSS Grid and create some areas with a basic 2-column layout.
-
Responsive App Shell Layout - Building on the Basic App Shell Layout, use media queries to relayout the page in a more sensible way for different screen sizes.
-
Responsive App Shell 3-Column Layout - A flavor of Responsive App Shell Layout, with a more popular 3-column layout style.