Subgrid column alignment
direct on grid
Row 1: col-half col-end
in subgrid
Row 2 left: col-half (in subgrid)
Row 2 right: col-half col-end (in subgrid)
direct on grid
Row 3: col-third
Row 3: col-two-thirds col-end
in subgrid
Row 4: col-third (in subgrid)
Row 4: col-two-thirds col-end (in subgrid)
Full-bleed
direct on grid
full-bleed (direct child of .grid)
in subgrid
full-bleed (inside .subgrid)
Full-bleed-content
direct on grid
full-bleed-content (direct child of .grid)
bleed-absolute child should span viewport
in subgrid
full-bleed-content (inside .subgrid) — THE HERO CASE
bleed-absolute child should span viewport
col-# col-center
reference
col-full
col-2 / medium:col-10 col-center
col-2 / medium:col-5 col-center