title: Layout issue with visual c#
body: <p>I'm creating a simple WPF Application on Visual Studio 2017 (Visual C#).
  I have this form:</p>
  
  <pre><code>&lt;Window x:Class="HelloWPFApp.MainWindow"
          xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
          xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
          xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
          xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
          xmlns:local="clr-namespace:HelloWPFApp"
          mc:Ignorable="d"
          Title="Greetings" Height="350" Width="525"&gt;
      &lt;Grid Height="319" VerticalAlignment="Bottom"&gt;
          &lt;Grid.RowDefinitions&gt;
              &lt;RowDefinition Height="192*"/&gt;
              &lt;RowDefinition Height="41*"/&gt;
              &lt;RowDefinition Height="86*"/&gt;
          &lt;/Grid.RowDefinitions&gt;
          &lt;Grid.ColumnDefinitions&gt;
              &lt;ColumnDefinition/&gt;
          &lt;/Grid.ColumnDefinitions&gt;
          &lt;TextBlock HorizontalAlignment="Center" TextWrapping="Wrap" Text="Select a message option and then choose the Display button." VerticalAlignment="Center" Height="16" Width="329" Margin="102,131,86,45"/&gt;
          &lt;RadioButton x:Name="rbHello" Content="Hello" HorizontalAlignment="Left" Margin="102,2,0,0" VerticalAlignment="Top" Height="15" Width="47" Grid.Row="1"/&gt;
          &lt;RadioButton x:Name="rbGoodbye" Content="Goodbye" HorizontalAlignment="Left" Margin="337,2,0,0" VerticalAlignment="Top" Height="15" Width="67" Grid.Row="1"/&gt;
          &lt;Button Content="Display" HorizontalAlignment="Left" VerticalAlignment="Top" Width="75" Margin="231,2,0,0" Click="Button_Click" Height="20" Grid.Row="2"/&gt;
      &lt;/Grid&gt;
  &lt;/Window&gt;
  </code></pre>
  
  <p>and this is the preview:
  <a href="https://i.stack.imgur.com/rp1PB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rp1PB.png" alt="Preview on visual studio"></a></p>
  
  <p>When I compile this is the result in a window
  <a href="https://i.stack.imgur.com/X7dwa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/X7dwa.png" alt="window"></a></p>
  
  <p>and if I try to use fullscreen it display me this:
  <a href="https://i.stack.imgur.com/zZOSd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zZOSd.png" alt="fullscreen"></a></p>
  
  <p>Why it do this? How can I resolve it?
  (This is an example from <a href="https://msdn.microsoft.com/en-us/en-en/library/jj153219.aspx" rel="nofollow noreferrer">Microsoft Documentation</a>!)</p>