classes: { 2x2: { grid-rows: 2 grid-columns: 2 } gap0: { vertical-gap: 0 horizontal-gap: 0 } } grid w/ container: { class: 2x2 a b: { b child } c d } grid w/ nested containers: { class: 2x2 a b: { b 1: { b 2: { b 3: { b 4 } } b 2a: { b 3a: { b 3a } } } } c d } grid in grid: { class: 2x2 a b: { class: 2x2 a b c d } c d } grid w/ grid w/ grid: { class: [2x2; gap0] a b: { class: [2x2; gap0] a b c: { class: [2x2; gap0] a b c d: { class: [2x2; gap0] a: { class: [2x2; gap0] a b c d } b c d } } d } c d }