Grid Template Column Without Gutter Defined

Code example:
grid-template-columns: repeat(2, 45%);

Codepen Reference: http://codepen.io/trilm/pen/bdpOqJ

Feedback:

Is there a chance to implement something like justify-content: space-between; for the parent? This would reduce the complexity and code we we need to write, as we don’t have to define the gutter or set up grid-column: 1 / 2 etc.


Screenshot of layout: