title: Moving Elements to a New Line on Browser Resize
body: <p>I'm looking for a solution that will dynamically move elements depending on the size of the browser.</p>
  
  <p>Example:</p>
  
  <p>I will use "X" as example of an element</p>
  
  <p>If one user is viewing on a resolution similar to a mac, they will see</p>
  
  <p>X X X X X X - The maximum amount of LIs / DIVs</p>
  
  <p>If the browser is resized to half the size, they will see</p>
  
  <p>X X X - Half the amount of LIs / DIVs</p>
  
  <p>What would be the best way of going about this to try and replicate? an working example is seen here : <a href="http://www.therugcompany.com/gb/collection.html" rel="nofollow">http://www.therugcompany.com/gb/collection.html</a></p>
  
  <p>Thanks for Looking!</p>