Grid Lab

• Basic 2-column layout

  A simple responsive layout with standard header, sidebar, body content, and foot. Uses @supports for browsers thst don't support CSS Grid.

• Contextual callouts

  So cool.

• Basic 3-column layout

  This example uses `grid-template-areas` to define the layout. Based on https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Realizing_common_layouts_using_CSS_Grid_Layout

• Off-canvas Nav (CSS only)

  Based on: https://webdesign.tutsplus.com/tutorials/how-to-build-an-off-canvas-navigation-with-css-grid--cms-28191