GridGutter.js

import React, { Component, Fragment } from 'react'
import { Row, Col } from 'antd'

class GridGutter extends Component {

    render() {
    return (
        <Fragment>
              <div className="gutter-example">
                <Row gutter={16}>
                <Col className="gutter-row" span={6}>
                    <div className="gutter-box">col-6</div>
                </Col>
                <Col className="gutter-row" span={6}>
                    <div className="gutter-box">col-6</div>
                </Col>
                <Col className="gutter-row" span={6}>
                    <div className="gutter-box">col-6</div>
                </Col>
                <Col className="gutter-row" span={6}>
                    <div className="gutter-box">col-6</div>
                </Col>
                </Row>
            </div>
        </Fragment>
    )
}
}
export default GridGutter