title: Proportionately increasing columns width
body: <p>let's say I have number of columns of different width e.g.:</p>
  
  <pre><code>|    100   |     200     |  55  |          450          |    empty space         
  </code></pre>
  
  <p>And now I need to adjust the width of every column the way that the entire row fits in its container, and takes 100%. </p>
  
  <p>I could of course set <code>.row { max-width: 100% }</code> and set the widest column to 100%, but I want to make it the way so every column takes available space proportionally. Any ideas?</p>