title: How to separate user interface for phone and pad (or laptop)
body: <p>I have a MainPage.xaml with ListView, it works on phone well, but when it runs in windows 10 laptop, the listView item is very small, and I can't use all the area of screen.
  So that I want to use ListView on Phone and GridView with groups on Pad and laptop (larger screen). How can I do that?</p>
  
  <pre><code>&lt;ListView Grid.Row="1" x:Name="bankListView" ItemsSource="{Binding Source={StaticResource banksViewSource}}"&gt;
      &lt;ListView.ItemTemplate&gt;
          &lt;DataTemplate&gt;
              &lt;Grid Height="32" Margin="0"&gt;
                  &lt;Grid.ColumnDefinitions&gt;
                      &lt;ColumnDefinition Width="Auto"/&gt;
                      &lt;ColumnDefinition Width="*"/&gt;
                  &lt;/Grid.ColumnDefinitions&gt;
                  &lt;Border Grid.Column="0" Background="White" Width="30" Height="30"&gt;
                      &lt;Image Source="{Binding LogoImage}" Stretch="Fill" /&gt;
                  &lt;/Border&gt;
                  &lt;StackPanel Grid.Column="1" VerticalAlignment="Top"  Margin="10,0,0,0"&gt;
                      &lt;TextBlock Text="{Binding Name}" Style="{StaticResource BankNameStyle}" TextWrapping="NoWrap"/&gt;
                      &lt;Grid Width="250"&gt;
                          &lt;Grid.ColumnDefinitions&gt;
                              &lt;ColumnDefinition Width="50*"/&gt;
                              &lt;ColumnDefinition Width="25*"/&gt;
                              &lt;ColumnDefinition Width="25*"/&gt;
                          &lt;/Grid.ColumnDefinitions&gt;
                          &lt;TextBlock Grid.Column="0" Text="{Binding ChangeTime}" Style="{StaticResource BankChangeTimeStyle}" MaxHeight="60"/&gt;
                          &lt;TextBlock Grid.Column="1" Text="{Binding USD_Buy}" Style="{StaticResource BankBuyStyle}" MaxHeight="60"/&gt;
                          &lt;TextBlock Grid.Column="2" Text="{Binding USD_Sell}" Style="{StaticResource BankBuyStyle}" MaxHeight="60"/&gt;
                      &lt;/Grid&gt;
  
                  &lt;/StackPanel&gt;
              &lt;/Grid&gt;
          &lt;/DataTemplate&gt;
      &lt;/ListView.ItemTemplate&gt;
      &lt;ListView.GroupStyle&gt;
          &lt;GroupStyle&gt;
              &lt;GroupStyle.HeaderTemplate&gt;
                  &lt;DataTemplate&gt;
                      &lt;Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}" Margin="0"&gt;
                          &lt;TextBlock Text='{Binding Key}' Foreground="{StaticResource ApplicationForegroundThemeBrush}" FontSize="15" Margin="0" /&gt;
                      &lt;/Grid&gt;
                  &lt;/DataTemplate&gt;
              &lt;/GroupStyle.HeaderTemplate&gt;
              &lt;GroupStyle.Panel&gt;
                  &lt;ItemsPanelTemplate&gt;
                      &lt;VariableSizedWrapGrid Orientation="Vertical" Height="400" /&gt;
                  &lt;/ItemsPanelTemplate&gt;
              &lt;/GroupStyle.Panel&gt;
          &lt;/GroupStyle&gt;
      &lt;/ListView.GroupStyle&gt;
  &lt;/ListView&gt;
  </code></pre>