title: Responsive UI for WpF application
body: <p>I am trying to create a responsive design for my wpf application but having issue.Because when i am resizing it.it is not working.So can anyone help me out. </p>
  
  <p>trying to adjust the screen based on different sizes to see if any components are reacting to that. Unfortunately they don't I am not sure what I am missing</p>
  
  <pre><code> &lt;Window x:Class="LSLABAPP.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:LSLABAPP"
              mc:Ignorable="d"
              Title="MainWindow" Height="300" Width="525" MinHeight="300" MinWidth="525" ResizeMode="CanResizeWithGrip"&gt;
          &lt;Grid&gt;
              &lt;Grid.Background&gt;
                  &lt;ImageBrush/&gt;
              &lt;/Grid.Background&gt;
              &lt;Grid.RowDefinitions&gt;
                  &lt;RowDefinition MinHeight="80" Height="50"&gt;&lt;/RowDefinition&gt;
                  &lt;RowDefinition MinHeight="40" Height="40"&gt;&lt;/RowDefinition&gt;
                  &lt;RowDefinition MinHeight="40" Height="40*"&gt;&lt;/RowDefinition&gt;
                  &lt;RowDefinition MinHeight="40" Height="40*"&gt;&lt;/RowDefinition&gt;
                  &lt;RowDefinition MinHeight="40" Height="40*"&gt;&lt;/RowDefinition&gt;
                  &lt;RowDefinition MinHeight="40" Height="40*"&gt;&lt;/RowDefinition&gt;
                  &lt;RowDefinition MinHeight="40" Height="40*"&gt;&lt;/RowDefinition&gt;
  
  
              &lt;/Grid.RowDefinitions&gt;
  
              &lt;Grid.ColumnDefinitions&gt;
  
                  &lt;ColumnDefinition MinWidth="100" Width="100"&gt;&lt;/ColumnDefinition&gt;
  
                  &lt;ColumnDefinition Width="417"/&gt;
                  &lt;ColumnDefinition Width="0"/&gt;
  
              &lt;/Grid.ColumnDefinitions&gt;
              &lt;TextBox x:Name="UserName" Grid.Column="1" HorizontalAlignment="Left" Height="25" Margin="30,10,0,0" Grid.Row="2" TextWrapping="Wrap" Text="UserName" VerticalAlignment="Top" Width="172"/&gt;
              &lt;PasswordBox x:Name="Password" Grid.Column="1" HorizontalAlignment="Left"   Margin="30,10,0,0" Grid.Row="3" VerticalAlignment="Top" Width="172" Height="25"/&gt;
              &lt;Label x:Name="UsernameLable" Content="UserName" HorizontalAlignment="Left" Margin="10,10,0,0" Grid.Row="2"
                     Grid.Column="0" VerticalAlignment="Top" Width="81" Height="26"/&gt;
              &lt;Label x:Name="PasswordLable" Content="Password" HorizontalAlignment="Left" Margin="10,10,0,0" Grid.Row="3"
                     Grid.Column="0" VerticalAlignment="Top" Width="81" RenderTransformOrigin="0.333,2.038" Height="26"/&gt;
              &lt;Canvas Grid.Column="1" HorizontalAlignment="Left" Height="80" VerticalAlignment="Top" Width="417" Background="#FF4E79EE"&gt;
                  &lt;Label x:Name="label" Content="Testing" Canvas.Left="70" Canvas.Top="10" Width="260" Foreground="White" FontWeight="Bold"/&gt;
                  &lt;Label x:Name="label1" Content="DEV Environment" Canvas.Left="130" Canvas.Top="36" Foreground="red" FontWeight="Bold"/&gt;
              &lt;/Canvas&gt;
              &lt;Canvas HorizontalAlignment="Left" Height="80" VerticalAlignment="Top" Width="100" Background="#FF4E79EE" /&gt;
              &lt;Image Margin="0,0,414,0" Grid.ColumnSpan="2"&gt;
                  &lt;Image.Source&gt;
                      &lt;BitmapImage  UriSource="Content/.ng" /&gt;
                  &lt;/Image.Source&gt;
              &lt;/Image&gt;
  
  
  
          &lt;/Grid&gt;
      &lt;/Window&gt;
  </code></pre>