title: Effective way of using RelativePanel for UWP App
body: <p>I am creating an UWP Application, and in my App I want structure like default Mail App, where there is a Listview which has list of all the mails and when user click on that mail it open on the right side of it.</p>
  
  <p>I read about RelativePanel and tried to use that in my App, it works pretty well for now, below is the xaml which I am using:</p>
  
  <pre><code>   &lt;RelativePanel Grid.Row="1"&gt;
  
          &lt;Frame x:Name="listFrame" 
                 Width="600"
                 Height="500"/&gt;
  
          &lt;Frame x:Name="contentFrame"
                 RelativePanel.RightOf="listFrame"
                 Width="600"
                 Height="500" /&gt;
  
  
      &lt;/RelativePanel&gt;
  </code></pre>
  
  <p>For Tablet/PC it works well and when I open it in Mobile view it automatically adapt by putting contentFrame at bottom, but my concern is that should I use this for Mobile view? because keeping contentFrame is not making sense as user should not able to view content in mobile view, for that I user should click any item and than only content view gets visible and listview will gets collapse, similar to Mail App.</p>
  
  <p>I am not sure which way to go for, do I need to create different UI for PC and Mobile or there is something baked in the SDK that I can use for?</p>
  
  <p>I am new to UWP so didn't know much options that I can go for.</p>