Columns

Lays out children horizontally, with prescriptive and exact child widths.

Prop	Type	Required	Default	Description
`alignY`	`keyof typeof alignVerticalMap` `center`\|`stretch`\|`top`\|`bottom`	—	`top`	Vertically align items within the container.
`children`	`ReactNode`	Yes	—	Elements representing each column.
`collapse`	`keyof BalanceTheme['breakpoints']` `small`\|`medium`\|`large`\|`xlarge`	—	—	At which breakpoint, if any, should the columns collapse.
`gap`	`ResponsiveProp<keyof BalanceTheme['spacing']>`	—	`none`	The size of the gap between each column.
`template`	`number[] \| (null \| number[])[]`	—	—	Define the relative width of each column. By default each column is the same width.
Also accepts `BoxProps`

Columns — Guidelines

When to use Columns versus Inline or Flex for laying out content.

Container

A container both centers and constrains the maximum width of the content it wraps.