In WPF application, a grid panel with 3 columns as defined below

```
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="250"/>
        <ColumnDefinition Width="*"/>
        <ColumnDefinition Width="250"/>
    </Grid.ColumnDefinitions>

```

There is a slider in the second column,the width of the slider needs to reduce when the window width reduces and at some point the slider needs to disappear (kind of responsive design).
I tried naming the second column and binding width of slider to "ActualWidth" property of the column, but it didn't help. 
There is another way to handle window's size change event and do some adjustments. Any other simple way?

---

Update 1 :
Adding more of my code

```
 <Grid VerticalAlignment="Top" HorizontalAlignment="Stretch">
<Grid.ColumnDefinitions>
    <ColumnDefinition Width="250"/>
    <ColumnDefinition Width="*"/>
    <ColumnDefinition Width="250"/>
</Grid.ColumnDefinitions>
<!-- some other elements in cell 0-->
<StackPanel Grid.Column="1"  Orientation="Horizontal" HorizontalAlignment="Center">
            <Button Width="22" Height="22">
                <Image Source="a.png"/>
            </Button>
            <Slider MinWidth="100" MaxWidth="320" Width="320"/>
            <Button Width="22" Height="22" >
                <Image Source="b.png"/>
            </Button>
  <!-- some other elements in cell 2-->
 </StackPanel>
 </Grid>

```