title: Set the Grid inside the Gridview on the desktop or phone
body: <p>I have a gridview in which there is a grid like XAML below:</p>
  
  <pre><code>&lt;Page.Resources&gt;
          &lt;DataTemplate x:Key="VideoDataTemplate"&gt;
              &lt;Grid Background="LightGray" Margin="5,10"&gt;
                  &lt;Grid x:Name="VideoContent" Margin="10,10,0,0" HorizontalAlignment="Center" VerticalAlignment="Top" MaxWidth="350"&gt;
                      &lt;Grid.RowDefinitions&gt;
                          &lt;RowDefinition Height="auto"/&gt;
                          &lt;RowDefinition Height="auto"/&gt;
                          &lt;RowDefinition Height="auto"/&gt;
                          &lt;RowDefinition Height="auto"/&gt;
                      &lt;/Grid.RowDefinitions&gt;
  
                      &lt;Border Grid.Row="0" Margin="0,10,0,0" HorizontalAlignment="Center" BorderThickness="1" BorderBrush="Black" Background="{x:Null}"&gt;
                          &lt;Image Margin="0,0,5,5" Source="{Binding Thumbnail}" Height="140" Width="200" HorizontalAlignment="Center"/&gt;
                      &lt;/Border&gt;
  
                      &lt;ScrollViewer Grid.Row="1" Margin="10,10,10,0" HorizontalScrollMode="Auto" VerticalScrollMode="Disabled" VerticalScrollBarVisibility="Disabled" HorizontalScrollBarVisibility="Auto"&gt;
                          &lt;TextBlock Margin="0,0,10,10" Text="{Binding Title}" FontSize="18" FontWeight="SemiBold" TextWrapping="Wrap"/&gt;
                      &lt;/ScrollViewer&gt;
                      &lt;TextBlock Grid.Row="2" Margin="15,0,10,10" Text="{Binding PubDate}" FontSize="16" TextWrapping="Wrap"/&gt;
  
                      &lt;ScrollViewer Grid.Row="3" Margin="10,10,10,10" MinHeight="40" MaxHeight="150" HorizontalScrollMode="Disabled" VerticalScrollMode="Auto" VerticalScrollBarVisibility="Visible" HorizontalScrollBarVisibility="Disabled" Background="{x:Null}"&gt;
                          &lt;TextBlock Margin="0,0,10,10" Text="{Binding Description}" FontSize="16" TextWrapping="WrapWholeWords" Height="auto"/&gt;
                      &lt;/ScrollViewer&gt;
                  &lt;/Grid&gt;
              &lt;/Grid&gt;
          &lt;/DataTemplate&gt;
      &lt;/Page.Resources&gt;
  </code></pre>
  
  <p>I would like if on desktop MaxWidth = 350, while on phone MaxWidth = 250</p>
  
  <p>How to apply it?</p>