title: Autosizing storyboard elements based on the size off the screen, iOS?
body: <p>I'm fairly new to using Swift and XCode, as I came from Android development.</p>
  <p>I'm having some trouble resizing text and images on my screen. Most devices look great, but when previewing the app on a smaller device, I get some not-so-nice looking clipping on the sides of the screen.</p>
  <p>Here is what it is looking like an bigger screens:</p>
  <p><img src="https://i.stack.imgur.com/IjH6p.png" alt="enter image description here" /></p>
  <p>And this is where my issue is at:</p>
  <p><img src="https://i.stack.imgur.com/z7uuj.png" alt="enter image description here" /></p>
  <p>Everything is encased in a StackView and the root StackView is constrained to always be in the middle of the screen.
  Here is the hierarchy of my views, as you can see, there is only one contraint:</p>
  <p><img src="https://i.stack.imgur.com/XGFY9.png" alt="enter image description here" /></p>
  <p>Is there any way I could resize these elements on smaller screens, perhaps without using Swift to handle it (basically, just using storyboard)? It isn't just the text that needs resizing, but the images too. So far, the only constraint is on the stack view holding ALL of the views in a vertical stack.</p>
  <p><strong>EDIT:</strong>
  After adding constraints to the left and right sides of the root StackView, the view manages to stay on the screen, however one dice is missing and one had completely disappeared. On a larger screen, all of the dice are there but one is a little different than the others.</p>
  <p><a href="https://i.stack.imgur.com/kKyVc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kKyVc.png" alt="enter image description here" /></a><a href="https://i.stack.imgur.com/fpiRL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fpiRL.png" alt="enter image description here" /></a></p>