title: responsive floated divs
body: <p>I have two divs floated left each with width:50%;  and min-width:300px;
  If the container div size or the screen size in case there is no container has a width lower than 600px, naturally the div 2 is going under div 1.</p>
  
  <p>When div two is going under div 1 they will still have 50% width....is is possible to make both divs width to 100%?</p>
  
  <p>Example: <a href="http://foundation.zurb.com/download.php" rel="nofollow">Foundation</a></p>
  
  <p>In this example there are 3 divs that go under each other and the resize to 100% when you hit their min width breakpoints.</p>
  
  <p>That is exactly what I want to achive, however I cannot figure it out from the Foundation example I gave you.</p>