Grid With Breakout CSS Variables

CSS Variable	Default	Description
--content-width	1fr	Width of the main content column
--side-width	0.25fr	Width of both breakout columns (left and right)
--start-width	0.25fr	Width of the left breakout column. Overrides --side-width when present
--end-width	0.25fr	Width of the right breakout column. Overrides --side-width when present
--gap	-	Gap between columns and rows. --gap-x and --gap-y will override this value
--gap-x	-	Gap between columns
--gap-y	-	Gap between rows

Children Classes

Class	Description
breakout-start-only	Place item on the left breakout column only
breakout-start	Place item on the left breakout column and the content column
breakout-end	Place item on the right breakout column and the content column
breakout-end-only	Place item on the right breakout column only
breakout-full	Breakout to both sides, allowing item to span the whole row