Columns

Arrange content in a responsive grid

Set cols from 1 to 4. <CardGroup> is the legacy name for <Columns>.

​

Usage

<Columns cols={2}>
  <Column>First column.</Column>
  <Column>Second column.</Column>
</Columns>

Cards do not need a <Column> wrapper.

​

Example

First column.

Second column.