In multi-column layout, column gap gets smaller with larger container

Question

I\'m having a hard time understanding the logic behind the column gap in a multi-column layout. I have the following HTML/CSS in this fiddle: