Modify ant design Row columns with custom width values

Viewed 10

I created a form using ant design form component and now I want to separate one row and add two input fields side by side.

here is the code:

    <Row>
      <Col flex={'98px'}></Col>
      <Col span={9}>
        <Form.Item
          label="Individual Stop Loss"
        >
          <Input title={formData.planNetworkName} />
        </Form.Item>
      </Col>
      <Col span={9}>
        <Form.Item
          label="Individual Stop Loss"
        >
          <Input title={formData.planNetworkName} />
        </Form.Item>
      </Col>
    </Row>

created an empty column to align using flex=98px and now I want to separate the rest of the width 50/50 to fit the two input fields.

Here is what I got:

enter image description here

this is what I want:

enter image description here

TIA

0 Answers
Related