Grid Template Column Without Gutter Defined

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

Codepen Reference:


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: