title: Responsive container almost full of buttons
body: <p>Is there a way to justify buttons inside a division.<br>
  The buttons have different sizes.</p>
  
  <p><a href="https://i.stack.imgur.com/ApYDk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ApYDk.png" alt="enter image description here"></a></p>
  
  <p>I tried with flexbox but I hope there is another way.<br>
  This is the solution with flexbox that I want to change because it's an ugly hack:</p>
  
  <pre class="lang-css prettyprint-override"><code>.container {
      display: flex;
      flex-wrap: wrap;
  }
  .container::after {
      content: "";
      flex-grow: 999999999999;
  }
  .container button {
      flex-grow: 1;
  }
  </code></pre>
  
  <p>UPDATE:<br>
  <a href="https://jsfiddle.net/hfme3qw0/" rel="nofollow noreferrer">https://jsfiddle.net/hfme3qw0/</a></p>
  
  <p>UPDATE:<br>
  <a href="https://jsfiddle.net/o56rpeam/" rel="nofollow noreferrer">https://jsfiddle.net/o56rpeam/</a></p>
  
  <p>The problem I'm facing is more clear in the last fiddle where the buttons on the last row have a different size than those above. Try to resize the container...</p>
  
  <p>Thank you!</p>