title: Dynamic xib layout for iPhone and iPad
body: <p>I have an xib file that you can see in the image below.</p>
  
  <p><img src="https://i.stack.imgur.com/Ooj5m.png" alt="enter image description here"></p>
  
  <p>I would like to know how I can make it so that it lays itself out correctly when being used in either iPhone or iPad devices.</p>
  
  <p>Please note that the text in the labels is just used as a placeholder.</p>
  
  <p>So far, I can adjust the width of </p>
  
  <ul>
  <li><strong>1997 to 1998</strong> label </li>
  <li><strong>SalesDescription</strong> label </li>
  </ul>
  
  <p>and the positioning of the images without any trouble, the issue I am having happens when I try to layout the bottom line of UILables. It gets completely messed up</p>
  
  <p>This is what I am trying to achieve</p>
  
  <ul>
  <li><strong>Card</strong> should stay in the same position and not change width</li>
  <li><strong>023</strong> should also stay in the same position and not change width</li>
  <li><strong>Num</strong> should change its position horizontally depending on the device type but maintain its width</li>
  <li><strong>8</strong> should change its position relative to <strong>Num</strong> however its width should change independently</li>
  <li><strong>Uni</strong> and <strong>0052</strong> should behave like <strong>Num</strong> and <strong>8</strong></li>
  </ul>
  
  <p>With that in mind, is this possible? If it is, then I was hoping maybe someone can give me some pointers or a tutorial they think could help. I have looked at a few tutorials, however the relative positioning is what is throwing me off.</p>