В ant design для автоматического разделения ряда на две колонки можно использовать компонент `<Row>` и `<Col>`.
Пример использования GRID в ant design для разделения ряда на две колонки:
```javascript
import { Row, Col } from 'antd';
const MyComponent = () => {
return (
<Row>
<Col span={12}>
{/* Компоненты и контент для левой колонки */}
</Col>
<Col span={12}>
{/* Компоненты и контент для правой колонки */}
</Col>
</Row>
);
};
export default MyComponent;
```
В данном примере компонент `<Row>` создает ряд, а внутри него компоненты `<Col>` создают колонки.
Компонент `<Col>` имеет свойство `span`, которое определяет ширину колонки. Значение `12` указывает на половину ширины ряда, таким образом ряд будет разделен на две равные части.
Компоненты и контент, которые вы хотите отобразить в каждой колонке, помещаются внутри соответствующих компонентов `<Col>`. Вы можете добавлять любые компоненты и контент в каждую из колонок.
Вы можете настроить `span` для `<Col>` таким образом, чтобы разделить ряд на большее количество колонок или использовать нестандартные ширины колонок.
