title: Floating divs stack horizontally to fill parent div and responsive resize
body: <p>I've created this metro tile slider, but I'm having issues making it responsive. </p>
  
  <p>Here is what I've created so far:
  <a href="http://bit.ly/189HN4Y" rel="nofollow">http://bit.ly/189HN4Y</a></p>
  
  <p>The first issue is, the tiles don't line up horizontally unless I surround it with a div with a width of 1000px. </p>
  
  <p>The second issue is, the tiles are not responsive. This could be because I had to set a pixel width on the surrounding div, but I think there may be other issues causing this. I'd like the tiles to stay stacked horizontally and just shrink when I view in a mobile device. </p>
  
  <p>I created these tiles in Wordpress with the Tile Builder plugin. If you view their example in a mobile device, you will see that it shrinks, and this is the desired behavior I want:
  <a href="http://bit.ly/189HRSa" rel="nofollow">http://bit.ly/189HRSa</a></p>
  
  <p>I've been at this for a while trying to tweak the surrounding div, the widget area I created, and even the theme, but nothing has worked. Hoping another pair of eyes can help me figure this out...</p>