> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify-nick-eng-3707-update-chat-endpoints-to-single-assi.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Columns

> Show cards side by side in a grid format

The `Columns` component lets you group multiple `Card` components together. It's most often used to put multiple cards in a grid, by specifying the number of grid columns.

<Columns cols={2}>
  <Card title="First Card" icon="panel-left-close">
    Neque porro quisquam est qui dolorem ipsum quia dolor sit amet
  </Card>

  <Card title="Second Card" icon="panel-right-close">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit
  </Card>
</Columns>

<RequestExample>
  ```mdx Card Group Example
  <Columns cols={2}>
    <Card title="First Card">
      Neque porro quisquam est qui dolorem ipsum quia dolor sit amet
    </Card>
    <Card title="Second Card">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit
    </Card>
  </Columns>
  ```
</RequestExample>

### Props

<ResponseField name="cols" default={2}>
  The number of columns per row
</ResponseField>