title: Making a a DIV resize to min before shifting other DIV's position
body: <p>I have two divs one is filled with text and I want it to be fluid/responsive:</p>
  
  <pre><code>{
  max-width: 600px;
  min-width: 380px;
  float: left;
  }
  </code></pre>
  
  <p>I then have another div:</p>
  
  <pre><code>{
  width: 340px;
  float: left;
  }
  </code></pre>
  
  <p>Wrapper is set to 960px when I have browser full screen the align up perfectly and it looks good.</p>
  
  <p>What I want is when the browser window is resized that the first div resizes down and when it reaches its min-width the next div jumps down.</p>
  
  <p>I realise it I may need @media queries I just have no idea how to do this.</p>