view box make everything big!!!

cppwxwidgetsss

I have designed a grid to have a clock it is designed rather carefully, to have the capability to resize but now that i added my Viewbox to the grid the whole clock become larg what is wrong with that just take a look please <Window x:Class="GridResizeFontChange.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="Window1" Height="300" Width="300"> <Grid TextBlock.FontSize="10">  <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="auto"/> <ColumnDefinition Width="13*"/> <ColumnDefinition Width="auto"/> <ColumnDefinition Width="37*"/> <ColumnDefinition Width="auto"/> <ColumnDefinition Width="50*"/> <ColumnDefinition Width="auto" /> <ColumnDefinition Width="50*"/> <ColumnDefinition Width="auto" /> <ColumnDefinition Width="37*" /> <ColumnDefinition Width="auto"/> <ColumnDefinition Width="13*"/> <ColumnDefinition Width="auto" /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition Height="13*"/> <RowDefinition Height="auto" /> <RowDefinition Height="37*"/> <RowDefinition Height="auto" /> <RowDefinition Height="50*"/> <RowDefinition Height="auto" /> <RowDefinition Height="50*"/> <RowDefinition Height="auto" /> <RowDefinition Height="37*"/> <RowDefinition Height="auto" /> <RowDefinition Height="13*" /> <RowDefinition Height="auto" /> </Grid.RowDefinitions> <TextBlock Grid.Row="0" Grid.Column="6" >12</TextBlock> <TextBlock Grid.Row="2" Grid.Column="4" >11</TextBlock> <TextBlock Grid.Row="4" Grid.Column="2">10</TextBlock> <TextBlock Grid.Row="6" Gr