title: CSS adjust to fit all screen sizes
body: <p>I have been having problems with CSS and adjusting to all screen sizes. I have come up with 2 possible (not ideal) ways of handling different screen sizes.</p>
  
  <p>First option:</p>
  
  <hr>
  
  <p>One container to hold all elements inside it and make it absolute position with 100% width</p>
  
  <p>and then each element inside that container is relative position with percentages for top, left, bottom, right.</p>
  
  <hr>
  
  <p>Second option:</p>
  
  <hr>
  
  <p>One container to hold all elements inside it and make it relative position with 100% width</p>
  
  <p>and then each element inside that container is absolute position with percentages for top, left, bottom, right.</p>
  
  <hr>
  
  <p>Is there any other possible solution to different screen handling? </p>
  
  <p>I've tried both and when looking at my website on different computers with different screen sizes, some of the elements are too far down, or too far up.</p>
  
  <p>I would appreciate any tips/help. Thanks!</p>