ViewBox font not legible to minimum resolution
<p>I'm using the <code>ViewBox</code> for display a list of labels in horizontal orientation and keep the legibilitym, the problem's that when I reduce the window to a minimum resolution that I set to: <code>800</code> I get this result:</p>

<p><a href="https://i.stack.imgur.com/pkNyE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pkNyE.png" alt="enter image description here"></a></p>

<p>how you can see the I can't read the contents. This situation only happen when the window is to minimum resolution, when is on max resolution the <code>ViewBox</code> working pretty good:</p>

<p><a href="https://i.stack.imgur.com/N5mLq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/N5mLq.png" alt="enter image description here"></a></p>

<p>I don't know if I did something wrong. I never used the <code>ViewBox</code>, this is my code:</p>

<pre><code>&lt;Viewbox TextOptions.TextFormattingMode="Display" Stretch="Uniform" Grid.Row="1" Grid.Column="1" Grid.RowSpan="1"&gt;
    &lt;StackPanel&gt;
        &lt;Grid Margin="0, 1, 0, 0"&gt;
            &lt;Label Content="Foo" FontWeight="Bold"/&gt;
            &lt;Label Content="{Binding Path = EventLeague}" HorizontalAlignment="Center"/&gt;
        &lt;/Grid&gt;
        &lt;Grid Margin="0,-10, 0, 0"&gt;
            &lt;Label Content="Date" FontWeight="Bold"/&gt;
            &lt;Label Content="{Binding Path = EventDate}" HorizontalAlignment="Center"/&gt;
        &lt;/Grid&gt;
        &lt;Grid Margin="0,-10, 0, 0"&gt;
            &lt;Label Content="Week" FontWeight="Bold"/&gt;
            &lt;Label Content="{Binding Path = EventGameWeek}" HorizontalAlignment="Center"/&gt;
         &lt;/Grid&gt;
         &lt;Grid Margin="0,-10, 0, 0"&gt;
             &lt;Label Content="Home" FontWeight="Bold"/&gt;
             &lt;Label Content="{Binding Path = EventStart}" HorizontalAlignment="Center"/&gt;
         &lt;/Grid&gt;
         &lt;Grid Margin="0,-10, 0, 0"&gt;
             &lt;Label Content="Away" FontWeight="Bold"/&gt;
             &lt;Label Content="{Binding Path = EventStadium}" HorizontalAlignment="Center"/&gt;
         &lt;/Grid&gt;
     &lt;/StackPanel&gt;  
  &lt;/Viewbox&gt;
</code></pre>