title: relative size and placement in Kivy for different platforms (phone, tablet, windows, mac) and android emulator question
body: <p>In Kivy how do you make the applications resize relative to the screen? It smushes text together when resizing in VS code and I'm not sure what it would look like on a tablet or phone. I know when you resize in Windows and Mac you would create a side bar. But how do you guarantee the right size for mobile? Mostly having trouble with text, want to keep it relative to the box size that's in the center of the screen.
  Ideally, I want to make the labels relative distance from each other and then relative distance to the box.</p>
  <p>Small code example:</p>
  <pre><code>&lt;LoginPage&gt;:
      name: &quot;LoginPage&quot;
      canvas:
          Rectangle:
              source: &quot;ssbu.jpg&quot;
              pos: self.pos
              size: self.size
  
          Color:
              rgb:.1,.1,.1
          Rectangle:
              pos: self.center_x - ((self.width/3)/2),self.center_y -((self.height/3)/2)
              size: self.width/2.8, self.height/2.8
  
      FloatLayout:
          
          Label:
              markup: True
              text: &quot;[font=times]Smash[/font]&quot;
              font_size: 20
              pos_hint:{&quot;x&quot;:.4,&quot;center_y&quot;: .61}
  
          Label:
              markup: True
              text: &quot;[font=times]Ladder[/font]&quot;
              font_size: 20
              pos_hint:{&quot;x&quot;:.5,&quot;center_y&quot;: .61}
  
          Label:
              markup: True
              text: &quot;[font=times]Login[/font]&quot;
              font_size: 20
              pos_hint:{&quot;x&quot;:.45,&quot;center_y&quot;: .58}
  </code></pre>
  <p>The wiindow:</p>
  <p><a href="https://i.stack.imgur.com/TXdqa.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/TXdqa.jpg" alt="Login Page" /></a></p>
  <p>Resized looks terrible:</p>
  <p><a href="https://i.stack.imgur.com/gmLIL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gmLIL.png" alt="enter image description here" /></a></p>
  <p>I could separate this into another question but this is sort of relative to the question at hand.
  Is there some type of emulator I could run in VS code to see what my app would look like? have been trying to find more information on this, but can't seem to find a concrete information on google. Mostly tells me to add an extension in VS code but would you need to install an emulator fist? Could someone point me in the right direction for this, I don't want to compile it in android every time, if I don't have to.</p>