title: How to make a WPF Window responsive
body: <p>I'm using Blend Expression and just started with WPF.</p>
  
  <p>I'm trying to make a window responsive window which can accommodate multiple Grids and will be re sized as per the window size to a minimum width.</p>
  
  <p>It will be like:</p>
  
  <p><img src="https://i.stack.imgur.com/UeRe5.png" alt="enter image description here"></p>
  
  <p>My Code So Far:</p>
  
  <pre><code>&lt;Window x:Class="Blend.MainWindow"
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
      Title="MainWindow" WindowState="Maximized"&gt;
      &lt;Grid&gt;
      &lt;Border CornerRadius="5" BorderBrush="RoyalBlue" BorderThickness="1" 
                      Padding="5" HorizontalAlignment="Left" Margin="20,10,0,0" 
                      VerticalAlignment="Top" Height="211.5" Width="484.5"&gt;
      &lt;Grid Background="#FFEDF3F8"&gt;
  
      &lt;/Grid&gt;
      &lt;/Border&gt;
      &lt;Border CornerRadius="5" BorderBrush="RoyalBlue" BorderThickness="1" 
          Padding="5" Margin="523.333,10,16.334,283.5"&gt;
          &lt;Grid Background="#FFEDF3F8"/&gt;
      &lt;/Border&gt;
      &lt;Border CornerRadius="5" BorderBrush="RoyalBlue" BorderThickness="1" 
          Padding="5" Margin="21.333,234,16.334,144"&gt;
          &lt;Grid Background="#FFEDF3F8"/&gt;
      &lt;/Border&gt;
      &lt;Border CornerRadius="5" BorderBrush="RoyalBlue" BorderThickness="1" 
          Padding="5" Margin="21.333,372,16.334,31.5"&gt;
          &lt;Grid Background="#FFEDF3F8"/&gt;
      &lt;/Border&gt;
      &lt;Button Content="Button" HorizontalAlignment="Left" Margin="626.833,478.5,0,0"
       VerticalAlignment="Top" Width="49" Background="#FF00458C"/&gt;
      &lt;Button Content="Button" HorizontalAlignment="Left" Margin="693.166,478.5,0,0" 
      VerticalAlignment="Top" Width="49" Background="#FF00458C"/&gt;
      &lt;/Grid&gt;
  &lt;/Window&gt;
  </code></pre>
  
  <p>I have tried two things here: one is <code>Margin</code> and other is using 'Alignments' with <code>Width</code> and <code>Height</code>.</p>
  
  <p>Not sure which will solve my purpose and secondly will it respond to the screen size or not.</p>
  
  <p>I read about dynamic Grid using * but that does not seems to work here.</p>