Как сделать, чтобы панель можно увеличивать?

Как можно сделать, чтобы можно было изменять расстояния между 2 элементами? Я использую Grid где у меня 2 элемента, как можно двигать полосочку Divider, чтобы изменять расстояния?

<Segment>
            <Grid columns={2} relaxed='very'>
                <Grid.Column>
                    <div>{style}
                        <List divided relaxed>
                            <List.Item>
                                <List.Icon name='folder' />
                                <List.Content>
                                    <List.Header>src</List.Header>
                                    <List.Description>Source files for project</List.Description>
                                    <List.List>
                                        <List.Item>
                                            <List.Icon name='folder' />
                                            <List.Content>
                                                <List.Header>site</List.Header>
                                                <List.Description>Your site's theme</List.Description>
                                            </List.Content>
                                        </List.Item>
                                        <List.Item>
                                            <List.Icon name='folder' />
                                            <List.Content>
                                                <List.Header>themes</List.Header>
                                                <List.Description>Packaged theme files</List.Description>
                                            </List.Content>
                                        </List.Item>
                                        <List.Item>
                                            <List.Icon name='file' />
                                            <List.Content>
                                                <List.Header>theme.config</List.Header>
                                                <List.Description>Config file for setting packaged themes</List.Description>
                                            </List.Content>
                                        </List.Item>
                                    </List.List>
                                </List.Content>
                            </List.Item>
                            <List.Item>
                                <List.Icon name='folder' />
                                <List.Content>
                                    <List.Header>dist</List.Header>
                                    <List.Description>Compiled CSS and JS files</List.Description>
                                    <List.List>
                                        <List.Item>
                                            <List.Icon name='folder' />
                                            <List.Content>
                                                <List.Header>components</List.Header>
                                                <List.Description>Individual component CSS and JS</List.Description>
                                            </List.Content>
                                        </List.Item>
                                    </List.List>
                                </List.Content>
                            </List.Item>
                            <List.Item>
                                <List.Icon name='file' />
                                <List.Content>
                                    <List.Header>semantic.json</List.Header>
                                    <List.Description>Contains build settings for gulp</List.Description>
                                </List.Content>
                            </List.Item>
                        </List>
                    </div>
                </Grid.Column>
            </Grid>

            <Divider vertical/>
        </Segment>