title: How to display divs in a row responsively
body: <p><br/>
  I'm trying to make a site using six divs in two rows like this.</p>
  
  <pre><code>  [ ] [ ] [ ]
    [ ] [ ] [ ]
  </code></pre>
  
  <p>And when i make my browser smaller i want to be displayer like this:</p>
  
  <pre><code>  [ ] [ ]
    [ ] [ ]
    [ ] [ ]
  </code></pre>
  
  <p>I've tried with float, @media, inline-block and div containers but doesn't work at all, because it will display like this:</p>
  
  <pre><code>  [ ] [ ]
      [ ] 
    [ ] [ ]
      [ ]
  </code></pre>
  
  <p>Please guys, tell me how to resolve because I've tried so many methods but none worked.<br/>
  Thank you for help.</p>