I am trying to get 2 buttons to be beside each other and evenly take up the entire row underneath the "main area".
I seem to be missing something
Thanks!
 <Grid Background="Transparent" Margin="0" Opacity=".8">
    <Border Name="MaskBorder" Grid.RowSpan="3">
        <Border Name="MainBorder" Background="Aqua">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="30"/>
                    <ColumnDefinition Width="811*"/>
                    <ColumnDefinition Width="30"/>
                </Grid.ColumnDefinitions>
                <!--Body-->
                <Grid Grid.ColumnSpan="4">
                    <Border Name="BodyBackground" Background="White" />
                </Grid>
                <!-- Main Area for Content -->
                <Grid Name="ContentGrid" Grid.Column="1">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="55" />
                        <RowDefinition Height="811*" />
                        <RowDefinition Height="30" />
                    </Grid.RowDefinitions>
                    <DockPanel LastChildFill="True" Grid.Row="1">
                        <Grid DockPanel.Dock="Bottom">
                            <Button Height="55"></Button>
                            <Button Height="55"></Button>
                        </Grid>
                        <Border Background="Black" />
                    </DockPanel>
                </Grid>
            </Grid>
        </Border>
    </Border>
</Grid>