Responsive.js

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

class Responsive extends Component {

    render() {
    return (
        <Fragment>
          <Row>
              <Col xs={2} sm={4} md={6} lg={8} xl={10}>Col</Col>
              <Col xs={20} sm={16} md={12} lg={8} xl={4}>Col</Col>
              <Col xs={2} sm={4} md={6} lg={8} xl={10}>Col</Col>
            </Row>
        </Fragment>
    )
}
}
export default Responsive